JavaScript で「setInterval」と「clearInterval」を効果的に使用するにはどうすればよいですか?

setInterval と clearInterval の効果的な使用

JavaScript では、setInterval を使用して、指定した間隔で繰り返し起動するタイマーを設定できます。これは、ループを必要とするアニメーションやその他のタスクに役立ちます。ただし、場合によっては、関数を継続的にではなく 1 回だけ実行したい場合があります。

clearInterval を使用してスケジュールされたループを中断する

setInterval を使用するタイマーの場合、clearInterval を使用してタイマーの起動を停止できます。これは、ループを途中で終了したい場合に便利です。

var handle = setInterval(drawAll, 20);

// When you want to cancel it:
clearInterval(handle);
handle = 0; // Flag to indicate cleared interval

setInterval によって返されるハンドルは、通常、0 に等しくない数値です。したがって、フラグ値として 0 を使用すると、タイマーが存在しないことを示します。

を使用してワンタイム関数呼び出しをスケジュールするsetTimeout

1 回限りの関数呼び出しに setInterval を使用する代わりに、setTimeout を使用することを検討してください。

setTimeout(drawAll, 20);

setTimeout は、指定された時間間隔で関数が 1 回起動するようにスケジュールします。ループは発生しません。必要に応じて、clearTimeout を使用して、タイマーが起動する前にタイマーをキャンセルすることもできます。

以上がJavaScript で「setInterval」と「clearInterval」を効果的に使用するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。