制御された関数の実行に「setInterval」と「clearInterval」を使用する方法は?

setInterval と clearInterval で間隔を制御する方法

キーボード イベントを処理するコンテキストでは、setInterval と clearInterval の適切な使用法について疑問が生じます。関数の実行を管理するためのclearInterval。これらのメソッドの違いを見てみましょう。

setInterval: 繰り返しタイマーの設定

setInterval は、ミリ秒単位で指定された間隔で関数を繰り返し実行するタイマーを設定します。たとえば、次のコードは、drawAll() 関数を 20 ミリ秒ごとに呼び出すタイマーを設定します。

setInterval(drawAll, 20);

ただし、関数を 1 回だけ呼び出すつもりの場合、setInterval の使用は理想的ではありません。連続ループを作成します。これを回避するには、clearInterval を利用します。

clearInterval: タイマーのキャンセル

clearInterval を使用すると、定期的なタイマーを停止できます。 setInterval によって返されたハンドルを引数として受け取ります。ハンドルを 0 に設定すると、タイマーをキャンセルしてそれ以降の起動を防ぐことができます。

var handle = setInterval(drawAll, 20);

// When you want to cancel it:
clearInterval(handle);
handle = 0;

1 回限りの実行に setTimeout を使用する

必要な場合関数を 1 回だけ実行するようにスケジュールするには、代わりに setTimeout を使用します。同様の機能を提供しますが、繰り返しループは作成されません。次のコードは、20 ミリ秒の遅延後にdrawAll() 関数を 1 回呼び出します。

setTimeout(drawAll, 20);

setInterval は関数を繰り返し実行するタイマーの作成に適しており、clearInterval はそのようなタイマーを停止するために使用されます。一方、setTimeout は、指定された遅延後に関数が 1 回だけ起動されるようにスケジュールするために使用されます。

以上が制御された関数の実行に「setInterval」と「clearInterval」を使用する方法は?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。