ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScript で「setInterval」を即座に実行するにはどうすればよいですか?

JavaScript で「setInterval」を即座に実行するにはどうすればよいですか?

Mary-Kate Olsen
Mary-Kate Olsenオリジナル
2024-11-09 05:14:02948ブラウズ

How Can I Make `setInterval` Execute Immediately in JavaScript?

setInterval の即時実行

JavaScript の setInterval メソッドを使用する場合、多くの場合、関数をすぐに実行し、指定された条件で実行を継続することが望ましいです。タイマーの遅延。ただし、デフォルトでは、setInterval は関数をすぐには実行しません。

遅延なしの初期実行

最も簡単な方法は、setInterval を呼び出す直前に関数を手動で呼び出すことです:

foo();
setInterval(foo, delay);

setTimeout を使用した代替メソッド

または、setTimeout を使用して関数の後続の実行をトリガーできます。

function foo() {
  // ...
  setTimeout(foo, delay);
}
foo(); // start the cycle

このメソッドは、関数呼び出し間の遅延を最小限に抑え、キャンセルを簡素化します。

即時に呼び出される関数式 (IIFE) の使用

この手法では、関数の定義と最初の実行を 1 つのステートメントで結合します。

(function foo() {
  ...
  setTimeout(foo, delay);
})();

IIFE は 1 行のコードで関数を定義してループを開始し、簡潔で効率的なソリューションを提供します。

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。