初期遅延なしで JavaScript で setInterval を実行する方法?

初期遅延なしの setInterval の実行

JavaScript では、setInterval メソッドは指定された間隔で関数の実行を繰り返します。ただし、デフォルトでは、最初の実行前に顕著な遅延が発生します。この記事では、この遅延を解消する方法を検討します。

タイマーを開始する前に関数を手動で呼び出すことは可能ですが、それは理想的ではなく、簡単に忘れてしまう可能性があります。より効果的なアプローチは、関数自体内で setTimeout を利用することです。

function foo() {
   // Execute function body
   // ...

   // Schedule subsequent execution
   setTimeout(foo, delay);
}

// Start the cycle
foo();

このアプローチでは、必要に応じて setTimeout 呼び出しを省略してループを終了する柔軟性を提供しながら、関数の実行間隔を一定に保つことができます。

あるいは、即時に呼び出される関数式 (IIFE) を使用して、ループを 1 回で作成して開始することもできます。 step:

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

このメソッドは、関数と実行スケジュールを自己完結型ブロック内にカプセル化することで初期遅延を排除し、セットアップ プロセスを簡素化します。直接呼び出し、setTimeout メソッド、または IIFE アプローチのいずれを好む場合でも、これらの手法は、不要な初期遅延なしで setInterval を実行するための便利なソリューションを提供します。

以上が初期遅延なしで JavaScript で setInterval を実行する方法?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。