ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript でのマスタータイマー関数と遅延実行

JavaScript でのマスタータイマー関数と遅延実行

王林
リリース: 2023-11-03 16:15:21
オリジナル
1410 人が閲覧しました

JavaScript でのマスタータイマー関数と遅延実行

JavaScript でタイマー関数と遅延実行をマスターするには、特定のコード例が必要です

JavaScript では、特定のコードを定期的に実行する必要があることがよくあります。現時点では、タスクを完了するにはタイマー機能と遅延実行テクニックを使用する必要があります。

JavaScript には、setInterval() と setTimeout() という 2 つのタイマー関数が用意されています。 setInterval() 関数は指定された時間間隔でコードを繰り返し実行できますが、setTimeout() 関数は指定された時間の後にコードを実行します。

これら 2 つの関数の具体的な使用例を次に示します。

  1. setInterval() タイマー関数を使用する
    setInterval() 関数は、指定した時刻に一定期間を繰り返し実行できます。間隔 関数またはコードブロック。以下は、setInterval() 関数を使用して「Hello World!」を 1 秒ごとに出力する例です。
function sayHello() {
  console.log("Hello World!");
}

setInterval(sayHello, 1000);
ログイン後にコピー

上記のコードでは、「Hello」を出力するために、sayHello() という名前の関数を定義しています。世界!"。次に、setInterval() 関数を使用し、sayHello 関数をパラメータとして渡し、時間間隔を 1000 ミリ秒 (つまり 1 秒) として指定します。このようにして、sayHello 関数は 1 秒ごとに実行されます。

  1. setTimeout() タイマー関数を使用する
    setTimeout() 関数を使用すると、指定された時間の経過後に関数またはコード ブロックを実行できます。以下は、setTimeout() 関数を使用して 3 秒の遅延後に「Hello World!」を出力する例です:
function sayHello() {
  console.log("Hello World!");
}

setTimeout(sayHello, 3000);
ログイン後にコピー

上記のコードでは、sayHello() という名前の関数も定義しています。出力「Hello World!」の場合。次に、setTimeout() 関数を通じてsayHello 関数をパラメータとして渡し、遅延時間を 3000 ミリ秒 (つまり 3 秒) として指定します。このようにして、3 秒後に SayHello 関数が実行されます。

関数をパラメーターとして直接渡すだけでなく、匿名関数を使用してコード ブロックを渡すこともできます。以下は、匿名関数の使用例です。

setTimeout(function() {
  console.log("Hello World!");
}, 3000);
ログイン後にコピー

上記のコードでは、匿名関数を setTimeout() 関数のパラメーターとして使用します。この匿名関数内には、「Hello World!」を出力するために使用されるコードが 1 行だけあります。同様に、この匿名関数は 3 秒後に実行されます。

概要
タイマー関数 setInterval() と setTimeout() は JavaScript で広く使用されており、コードを定期的に実行する必要性を認識するのに役立ちます。それらの使い方を学びマスターすることで、スケジュールされたさまざまなタスクのニーズにうまく対応し、特定のビジネス シナリオと組み合わせて柔軟に使用できるようになります。

以上がJavaScript でのマスタータイマー関数と遅延実行の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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