問題一覧に戻る
中級async
問題88: setTimeout

setTimeoutによる遅延実行を学びましょう。指定した時間後に一度だけ関数を実行する非同期処理の基本です。アニメーション、デバウンス処理、遅延ローディング、タイムアウト処理など、様々な場面で活用されます。clearTimeoutを使ってタイマーをキャンセルできるため、条件によって実行を取り消すことも可能です。JavaScriptのイベントループを理解する上でも重要な機能です。

// setTimeout
console.log("開始");

// 1秒後に実行
(() => {
  console.log("1秒後");
}, );

// 500ミリ秒後に実行
setTimeout(() => {
  console.log("500ミリ秒後");
}, 500);

// clearTimeoutでキャンセル
const timerId = setTimeout(() => {
  console.log("実行されません");
}, 2000);

// タイマーキャンセル
(timerId);

console.log("終了");