setInterval - Javascript

指定した時間ごとに繰り返し関数を実行する

setInterval メソッドを使うと指定した時間ごとに繰り返し関数を実行することができます。

delaytime に、ミリ秒で時間を指定します。

構文

setInterval(function, delaytime);

1秒ごとに表示させる

次のコードを実行すると、1秒ごとに表示がされます。停止する機能がない為、停止する際は「 Ctr + c 」で強制終了してください。

script.js

let fn = function() {
  console.log((timer * count / 1000) + "秒経過");
  count++;
};

let timer = 1000;
let count = 1;

setInterval(fn, timer);

setInterval を停止させる

setInterval を停止するには、clearInterval を使います。

script.js

let fn = function() {
  console.log((timer * count / 1000) + "秒経過");
  count++;

  if(count > 5){
    clearInterval(id);
  }
};

let timer = 1000;
let count = 1;

let id = setInterval(fn, timer);

setTimeout

指定された時間が経過した後、処理を実行します。

setTimeout(() => {
  console.log("1秒経過しました。")
}, 1000);