ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript を使用して setInterval ループをすぐにトリガーするにはどうすればよいですか?

JavaScript を使用して setInterval ループをすぐにトリガーするにはどうすればよいですか?

王林
リリース: 2023-08-24 16:05:05
転載
2800 人が閲覧しました

如何使用 JavaScript 立即触发 setInterval 循环?

setInteral()このメソッドを使用すると、特定の時間が経過するたびにコールバック関数を継続的にトリガーできます。各期間の後にトリガーする最初のパラメータとしてコールバック関数を渡し、2 番目のパラメータとしてミリ秒単位の期間を渡すことができます。

setInterval() このメソッドは、最初の特定のミリ秒数が経過した後にコールバック関数を呼び出します。ここで問題は、最初の 0 ミリ秒の間はすぐにコールバック関数を呼び出す必要があり、その後は一定期間継続してコールバック関数を呼び出す必要があることです。

###例###

以下の例では、ドキュメントからメッセージを出力する func() 関数を作成します。ここでは、3000 ミリ秒ごとに func() 関数を呼び出す setInterval() メソッドを使用しました。

リーリー

出力では、setInteraval() メソッドが 3000 ミリ秒後に初めて func() 関数を呼び出していることがわかります。

ユーザーは、次のように 0 ミリ秒で初めて func() 関数を呼び出すことができます。

この関数を初めて呼び出してから、setInterval() メソッドを使用します

setInterval() メソッドを使用する場合、遅延なく関数を呼び出す 1 つの方法は、初めて関数を呼び出すことです。

この関数を初めて呼び出すと、0 ミリ秒で実行されます。その後、setInterval()メソッドは一定時間経過後に関数を継続して実行します。

###文法###

ユーザーが初めて setInterval() メソッドを使用する場合、次の構文に従って関数をすぐに呼び出すことができます。

リーリー

上記の構文では、最初に func_name() 関数を呼び出し、その後は 1000 ミリ秒ごとに呼び出します。

###例###

以下の例では、 func() 関数は setInterval() メソッドを使用して 1000 ミリ秒ごとにメッセージを呼び出します。関数を初めて遅延なく呼び出すには、まず関数を呼び出してから、setInteral() メソッドを使用して関数を呼び出します。

リーリー

setInteral() メソッドですぐに呼び出される関数を作成します

関数式を作成すると、すぐに呼び出される関数がすぐにそれを呼び出します。したがって、call-function-immediate 式を使用すると、遅延なく初めて関数を呼び出すことができます。関数内で setInterval() メソッドを使用して、特定の時間間隔で関数を実行することもできます。

###文法###

setInterval() メソッドを使用する場合、ユーザーは次の構文に従って即座に呼び出される関数式を使用して、関数を遅滞なく実行できます。

リーリー

上記の構文では、中括弧で関数式を記述し、関数をすぐに呼び出すために左中括弧と右中括弧を記述しました。

例 3

次の例では、setInterval() メソッドを使用して各間隔の後に呼び出されるテスト関数を作成します。 test() 関数をすぐに呼び出される関数式として記述し、関数内で setInterval() メソッドを使用して test() 関数を 3000 ミリ秒ごとに呼び出します。

Web ページを更新するときに最初に 0 ミリ秒で呼び出され、その後 3000 ミリ秒ごとに呼び出されるテスト関数の出力を観察できます。

リーリー

ユーザーは、setInterval() メソッドで使用される関数を遅滞なく呼び出す方法を初めて学びました。ユーザーは、初めて関数を呼び出すことも、すぐに呼び出される関数式を使用することもできます。

関数は再帰的に呼び出されるため、すぐに呼び出される関数式を使用するのではなく、初めて関数を呼び出すことをお勧めします。 setInterval() メソッドを使用すると、一定の時間間隔の直後に呼び出される関数式が関数を無限回呼び出します。

以上がJavaScript を使用して setInterval ループをすぐにトリガーするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:tutorialspoint.com
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート