JavaScriptのsetInterval関数の使用と終了方法


  1. setInterval関数の使用方法: setInterval関数は、指定した時間間隔ごとに関数を繰り返し実行します。以下はsetInterval関数の基本的な構文です。
setInterval(function, delay);
  • function: 定期的に実行する関数を指定します。
  • delay: 関数を実行する間隔をミリ秒単位で指定します。

以下は、1秒ごとにメッセージをコンソールに表示する例です。

function showMessage() {
  console.log("Hello, world!");
}
setInterval(showMessage, 1000);
  1. setInterval関数の終了方法: setInterval関数で繰り返し実行を終了するには、clearInterval関数を使用します。clearInterval関数は、setInterval関数が返すタイマーIDを受け取ります。以下はclearInterval関数の使用例です。
var timerId = setInterval(function, delay);
// 5回繰り返した後にsetIntervalを終了する場合
if (count >= 5) {
  clearInterval(timerId);
}

以下は、5回繰り返した後にsetIntervalを終了する例です。

var count = 0;
function showMessage() {
  console.log("Hello, world!");
  count++;
  if (count >= 5) {
    clearInterval(timerId);
  }
}
var timerId = setInterval(showMessage, 1000);

上記の例では、5回繰り返した後にsetIntervalが終了します。

以上がJavaScriptのsetInterval関数の使用方法と終了方法についての解説です。これらの方法を活用して、自分のコードにタイマー機能を追加することができます。