ステップアップJavaScript フロントエンド開発の初級から中級へ進むために

● STEP 1-2

経過時刻をカウントし、見た目を整えよう

スタートボタンが押されたら一定時間ごとにイベントを呼び出す

　スタートボタンが押された時の動作を適切に作成していきましょう（リスト1-2-01）。ここでは一定時間ごとに処理を繰り返すことができるsetIntervalを使います。setIntervalは第一引数の関数の内容を、第二引数の時間の間隔で何度も呼び出してくれます。第二引数はミリ秒単位なので、ここでは1000を指定して、1秒ごとに呼び出されるようにします（❷）。

DEMO https://books.circlearound.co.jp/step-up-javascript/demos/step1/3

1-2-01　main.js

...

startButton.addEventListener('click', function(){

　console.log('start');

　var seconds = ; ❶

　setInterval(function(){

　　seconds++;

　　console.log(seconds);

　}, 1); ❷

});

　画面を更新してスタートボタンを押すと、コンソールにstartと表示された後、1、2、3…と表示されていくのが確認できるでしょうか。ストップウォッチの内部の動きとしてはできてきましたね。 ...