JavaScript 中的「setInterval」和「setTimeout」有什麼不同？

JavaScript 中setInterval 和setTimeout 的區別

在JavaScript 中，管理非同步操作至關重要，兩個關鍵函數促進這一點的是“setInterval”和“setTimeout”。了解它們的差異對於有效編碼至關重要。

'setTimeout' 與'setInterval':

setTimeout:

• 在指定的延遲（超時）後執行一次函數。
• 語法：setTimeout(表達式, 逾時)
• 範例：setTimeout(function() {alert("Hello World!") ; }, 1000); // 警報「Hello World！ 」一秒內。

setInterval:

• 以指定的時間間隔（超時）重複執行函數。
• 語法：setInterval （表達式，超時）
• 範例：setInterval(function() { console.log("每秒執行一次"); }, 1000); // 每秒記錄一次訊息。

主要區別：

• 執行頻率： setTimeout 執行一次，而 setInterval重複執行。
• 用途： setTimeout 用於延遲操作或調度，而 setInterval 用於週期性任務或動畫。
• 控制： setInterval可以透過呼叫clearInterval(intervalID)來停止，而setTimeout一旦安排就無法明確停止。
• 回呼： setInterval會自動為回呼分配一個間隔ID，可用來取消。 setTimeout 不指派間隔 ID。

範例：

考慮兩種情況：

• 警報「Hello World!」5 秒後一次：使用setTimeoutout 。
• 每 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中文網其他相關文章！