如何避免 JavaScript 的 setInterval 的初始延遲？

延遲或立即執行 setInterval

在 JavaScript 中，setInterval 方法是定期執行函數的有用工具。但是，預設情況下，它會在初始延遲後開始執行。在某些情況下，這種延遲可能是不受歡迎的。

解決方案：立即呼叫函數

要克服這種延遲，一個簡單而有效的解決方案是在設定之前手動呼叫該函數間隔。這種技術確保函數立即執行：

foo();
setInterval(foo, delay);

替代方法：使用setTimeout

雖然立即函數呼叫可以解決問題，但使用setTimeout 提供了額外的靈活性：

function foo() {
    // ...
    setTimeout(foo, delay);
}

foo();

的好處setTimeout:

• 保證間隔: setTimeout 確保毫秒之間始終有至少延遲呼叫的間隔。
• 更簡單取消： 只需省略setTimeout 呼叫即可直接取消循環

增強的解決方案：立即呼叫函數表達式(IIFE )

實現此目的的更簡潔的方法是包裝程式碼在IIFE 中，結合函數定義和自動循環啟動：

(function foo() {
    // ...
    setTimeout(foo, delay);
})();

結論

利用立即函式呼叫或setTimeout 替代方案，可以控制setInterval 方法的執行時間，確保其功能一致完全符合您的應用要求。

以上是如何避免 JavaScript 的 setInterval 的初始延遲？的詳細內容。更多資訊請關注PHP中文網其他相關文章！