JavaScriptでsetTimeoutやsetIntervalをキャンセルする方法

setTimeoutのキャンセル方法: setTimeout関数は、指定した時間が経過した後に関数を実行するためのタイマーを作成します。このタイマーをキャンセルするには、setTimeout関数の返り値をclearTimeout関数に渡します。具体的なコード例を以下に示します。

// setTimeoutをキャンセルする例
const timeoutId = setTimeout(() => {
  console.log('このメッセージは表示されません。');
}, 5000);
// タイマーをキャンセルする
clearTimeout(timeoutId);

上記のコードでは、setTimeout関数が5秒後に指定した関数を実行するタイマーを作成します。その後、clearTimeout関数にtimeoutIdを渡すことで、タイマーをキャンセルしています。

setIntervalのキャンセル方法: setInterval関数は、指定した間隔で関数を繰り返し実行するためのタイマーを作成します。このタイマーをキャンセルするには、setTimeout関数と同様にsetInterval関数の返り値をclearInterval関数に渡します。以下にコード例を示します。

// setIntervalをキャンセルする例
const intervalId = setInterval(() => {
  console.log('このメッセージは繰り返し表示されます。');
}, 1000);
// タイマーをキャンセルする
clearInterval(intervalId);

上記のコードでは、setInterval関数が1秒ごとに指定した関数を繰り返し実行するタイマーを作成します。その後、clearInterval関数にintervalIdを渡すことで、タイマーをキャンセルしています。

以上がJavaScriptでsetTimeoutやsetIntervalをキャンセルする方法です。必要に応じてこれらの方法を活用し、タイマーを適切に管理してください。