JavaScript window.setInterval()

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

概要

一定の間隔ごとに実行する処理を設定する。

構文

window.setInterval(func, delay)

setInterval(func, delay)

引数

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

func

一定間隔ごとに実行する関数名又は無名関数を指定する。

delay

間隔をミリ行単位で指定する。

戻り値

固有のインターバルIDを戻りとして返す。一定間隔ごとに実行する処理を解除するときに、clearIntervalメソッドの引数にインターバルIDを指定する。

例

一定間隔ごとに実行する関数名を指定するJavaScriptを示す。

<p id="timer"></p>
<script>
  const INTERVAL = 2000;
  window.setInterval(now, INTERVAL);
  function now() {
    document.getElementById("timer").innerHTML = new Date();
  }
</script>

上記のJavaScriptと同等の処理を無名関数で指定する例を示す。

<p id="timer"></p>
<script>
  const INTERVAL = 2000;
  window.setInterval(function() {
    document.getElementById("timer").innerHTML = new Date();
  }, INTERVAL);
</script>

参考文献

Ecma International (2022) ECMA-262 ECMAScript 2022 language specification