ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScript の「setInterval」と「setTimeout」の違いは何ですか?

JavaScript の「setInterval」と「setTimeout」の違いは何ですか?

Patricia Arquette
Patricia Arquetteオリジナル
2024-11-15 01:03:03948ブラウズ

What is the difference between `setInterval` and `setTimeout` in JavaScript?

JavaScript の「setInterval」と「setTimeout」の違いを理解する

JavaScript では、「setInterval」と「setTimeout」は強力な関数ですコードの時間ベースの実行を制御します。どちらの関数も、指定された遅延の後に実行されるようにタスクをスケジュールする必要がありますが、基本的な動作が大きく異なります。タスクを定期的に繰り返し実行するように設計されています。呼び出されると、指定されたコードまたは関数を繰り返し実行するタイマーが作成され、各繰り返しの間に固定の遅延が発生します。この動作は、アニメーションや要素の点滅など、継続的に実行する必要があるタスクに最適です。

コード サンプル:

'setTimeout': 1 回限りの実行

対照的に、'setTimeout' は、指定された遅延後のコードまたは関数の 1 回限りの実行をスケジュールします。指定された時間待機してからタスクの実行をトリガーするタイマーを作成します。タスクが完了すると、タイマーは自動的にクリアされます。
const intervalID = setInterval(() => {
  console.log("Hello World!");
}, 1000); // Executes every second

コード サンプル:

キーの区別:

「setInterval」と「setTimeout」の根本的な違いは、その実行の性質にあります。 「setInterval」は定期的な間隔で繰り返し実行をトリガーしますが、「setTimeout」は指定された遅延の後に 1 回限りの実行を実行します。この区別は、さまざまなプログラミング シナリオでの各関数の適切な使用に重大な意味を持ちます。
setTimeout(() => {
  console.log("Hello World!");
}, 5000); // Executes after 5 seconds

以上がJavaScript の「setInterval」と「setTimeout」の違いは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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