タイマー処理

概要

数秒おきに特定の処理を実行する。タイマー処理には2つの機能がある。

  • setTimeout：一定時間後に一度だけ特定の処理をおこなう
  • setInterval：一定時間ごとに特定の処理を繰り返す
const timerID = setInterval(function(){　//変数「timerID」の変数名は任意
  /* 定期的に実行する処理 */
},実行間隔);

/* IDを使ってストップさせる必要がない場合 */
setInterval(function(){
  /* 定期的に実行する処理 */
},実行間隔);

/* IDを使ってタイマーをストップさせる場合 */
clearInterval(timerID);

setIntervalでタイマー処理を行う

以下の例は、変数countUpの処理を1000ミリ秒後（＝1秒後）に繰り返している。

let count = 0;
const countUp = () => {
  console.log(count++);
}
setInterval(countUp, 1000);

setIntervalとclearIntervalでタイマー処理を行う

以下の例は、setIntervalの繰り返し処理が実行され、countUpが5より多くなったとき（if(count > 5)）、clearIntervalが実行される。
よって、5でカウントがストップする。

let count = 0;
const countUp = () =>{
  console.log(count++);
}
const intervalId = setInterval(() =>{
  countUp();
  if(count > 5){　
    clearInterval(intervalId);　//intervalIdをclearIntervalで指定している
  }}, 1000);
inserted by FC2 system