setInterval関数

setInterval関数は、指定された時間間隔で コードを実行します。最初のパラメータとして コールバック関数を渡し、 2番目のパラメータとしてミリ秒単位の時間を指定します。この時間間隔で、 最初のパラメータで指定されたコードが繰り返し実行されます。 この関数は一意の識別子を返し、 この識別子をclearInterval関数に渡すことで タイマーを停止できます。

構文

javascriptsetInterval(関数, 時間);

例

1秒ごとにコンソールにテキストを出力する タイマーを起動します:

javascriptsetInterval(function() {
  console.log('text');
}, 1000);

例

1秒ごとに整数を昇順でコンソールに出力する タイマーを起動します:

javascriptlet i = 0;

setInterval(function() {
  console.log(i++);
}, 1000);

例

カウンターの値が10に達したら タイマーを停止します:

javascriptlet i = 0;

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

関連項目

  • setTimeout関数
    コード実行前に遅延を設定します