JavaScript clearInterval()

window.clearInterval()は、JavaScriptで一定間隔ごとに実行する処理を解除するメソッドです。この記事では、window.clearInterval()の使い方をご紹介します。

構文

clearInterval は window オブジェクトのメソッドであるが、「window.」の部分は省略できる。

window.clearInterval(intervalID)

clearInterval(intervalID)

引数

以下に示す引数を clearInterval メソッドに指定できる。

intervalID

インターバルID(setIntervalメソッドの戻り値)を指定する。

使い方

一定間隔ごとに処理を実行するJavaScriptを示す。

<p id="timer"></p>
<p>
  <button onclick="stopTimer();">タイマーを終了</button>
</p>

<script>
  let id = window.setInterval(now, 1000);
  function now() {
    document.getElementById("timer").innerHTML = new Date();
  }
  function stopTimer() {
    window.clearInterval(id);
  }
</script>

タイマーを終了

再開

停止したインターバル処理を再開するには、再び setInterval を実行する。