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

JavaScript における 'setInterval' と 'setTimeout' の違い

JavaScript では、非同期操作の管理が重要であり、次の 2 つの主要な関数が重要です。これを容易にするのが「setInterval」と「setTimeout」です。効果的なコーディングには、それらの違いを理解することが不可欠です。

'setTimeout' vs 'setInterval':

setTimeout:

• 指定された遅延 (タイムアウト) の後に関数を 1 回実行します。
• 構文: setTimeout(expression, timeout)
• 例: setTimeout(function() {alert("Hello World!") ; }, 1000); // アラート「Hello World!」

setInterval:

• 指定された間隔 (タイムアウト) で関数を繰り返し実行します。
• 構文: setInterval (式, タイムアウト)
• 例: setInterval(function() { console.log("Running Every Second"); }, 1000); // メッセージを毎秒ログに記録します。

主な違い:

• 実行頻度: setTimeout は 1 回実行され、setInterval は実行されます。繰り返し実行します。
• 目的: setTimeout は遅延アクションまたはスケジュールに使用され、setInterval は定期的なタスクまたはアニメーションに使用されます。
• 制御: setInterval setTimeout は、clearInterval(intervalID) を呼び出すことで停止できますが、スケジュールされた後に明示的に停止することはできません。
• Callback: setInterval は、キャンセルに使用できる間隔 ID をコールバックに自動的に割り当てます。 setTimeout は間隔 ID を割り当てません。

例:

2 つのシナリオを考えてみましょう:

• 「Hello World!」のアラート5 秒後に 1 回: setTimeout.
• を使用します。2 秒ごとに「This is running」をログに記録します: setInterval.

を使用します。コード:

// Alert after 5 seconds
setTimeout(function() { alert("Hello World!"); }, 5000);

// Log every 2 seconds
var intervalID = setInterval(function() { console.log("This is Running"); }, 2000);

// Stop logging after 10 seconds
setTimeout(function() { clearInterval(intervalID); }, 10000);

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