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

Patricia Arquette
リリース: 2024-11-15 01:03:03
オリジナル
947 人が閲覧しました

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 サイトの他の関連記事を参照してください。

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