ホームページ > 記事 > ウェブフロントエンド > JavaScript でのマスタータイマー関数と遅延実行
JavaScript でタイマー関数と遅延実行をマスターするには、特定のコード例が必要です
JavaScript では、特定のコードを定期的に実行する必要があることがよくあります。現時点では、タスクを完了するにはタイマー機能と遅延実行テクニックを使用する必要があります。
JavaScript には、setInterval() と setTimeout() という 2 つのタイマー関数が用意されています。 setInterval() 関数は指定された時間間隔でコードを繰り返し実行できますが、setTimeout() 関数は指定された時間の後にコードを実行します。
これら 2 つの関数の具体的な使用例を次に示します。
function sayHello() { console.log("Hello World!"); } setInterval(sayHello, 1000);
上記のコードでは、「Hello」を出力するために、sayHello() という名前の関数を定義しています。世界!"。次に、setInterval() 関数を使用し、sayHello 関数をパラメータとして渡し、時間間隔を 1000 ミリ秒 (つまり 1 秒) として指定します。このようにして、sayHello 関数は 1 秒ごとに実行されます。
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 サイトの他の関連記事を参照してください。