JavaScriptでのsetTimeoutのクリア方法について

2024-02-08 09:07 JavaScript setTimeout クリア

clearTimeout関数を使用する方法: setTimeout関数を呼び出すと、その関数は一意のタイマーIDを返します。このタイマーIDを使用して、setTimeoutをクリアすることができます。具体的なコード例を以下に示します。
```
const timerId = setTimeout(function() {
 // このコードは実行される予定ですが、クリアする場合もあります
}, 3000);
// タイマーをクリアする場合
clearTimeout(timerId);
```
上記の例では、setTimeout関数が呼び出された結果のタイマーIDをtimerId変数に格納し、その後clearTimeout関数を使用してタイマーをクリアしています。
クロージャを使用する方法: また、クロージャを使用することで、setTimeout関数をクリアすることもできます。具体的なコード例を以下に示します。
```
const timeoutHandler = setTimeout(function() {
 // このコードは実行される予定ですが、クリアする場合もあります
}, 3000);
// タイマーをクリアする場合
clearTimeout(timeoutHandler);
```
上記の例では、setTimeout関数が呼び出された結果のタイマーハンドラをtimeoutHandler変数に格納し、その後clearTimeout関数を使用してタイマーをクリアしています。

以上がJavaScriptでsetTimeoutをクリアする方法です。必要に応じてこれらの方法を使用して、タイマーをキャンセルすることができます。