JavaScript タイマーの停止

タイマーの起動方法は既にご存知でしょう。 今度は、それを停止する方法を学びましょう。そのためには、 setInterval関数を使って起動した各タイマーには 固有の番号があることを知っておく必要があります。 この番号は、タイマー起動時に setInterval関数が 返します：

javascriptlet timerId = setInterval(function() {
  console.log('!')
}, 1000);

alert(timerId); // タイマーの番号を出力

タイマーの停止には、clearInterval関数が 使用されます。この関数は、停止したいタイマーの 固有の番号を受け取ります。

例として、1から始めて昇順に数字を コンソールに出力するタイマーを起動してみましょう。 画面に 10 の数字が出力された時点で タイマーを停止します：

javascriptlet i = 0;

let timerId = setInterval(function() {
  console.log(++i);
  
  if (i >= 10) {
    clearInterval(timerId);
  }
}, 1000);