問題一覧に戻る
中級async
問題89: setInterval

setIntervalによる定期実行を学びましょう。指定した間隔で繰り返し関数を実行する機能で、アニメーション、ポーリング処理、リアルタイム更新、カウントダウンタイマーなどに使われます。clearIntervalで停止できるため、条件によって動的に実行を制御できます。ただし、処理が長い場合は次の実行タイミングに影響するため、設計に注意が必要です。

// setInterval
let count = 0;

// 500ミリ秒ごとに実行
const intervalId = (() => {
  count++;
  console.log(`カウント: ${count}`);
  
  // 3回で停止
  if (count >= 3) {
    (intervalId);
    console.log("停止しました");
  }
}, );

// 手動停止
setTimeout(() => {
  if (count < 3) {
    clearInterval(intervalId);
    console.log("強制停止しました");
  }
}, 2000);