首頁 >web前端 >css教學 >如何在 JavaScript 中停止「setTimeout」循環?

如何在 JavaScript 中停止「setTimeout」循環?

Barbara Streisand
Barbara Streisand原創
2024-12-01 09:26:15116瀏覽

How to Stop a `setTimeout` Loop in JavaScript?

如何控制setTimeout 循環的執行

您正在嘗試使用精靈圖像建立載入指示器,並且遇到了載入完成後停止循環的問題。您提供的函數啟動一個 setTimeout 循環,該循環以指定的時間間隔迭代值數組。挑戰在於以程式方式停止此循環。

要解決此問題,您可以利用 setTimeout 傳回的計時器句柄。隨後,您可以使用clearTimeout來停止逾時操作。

這是包含此技術的程式碼的修改版本:

透過將計時器句柄分配給計時器變量,您可以在載入完成後使用clearTimeout引用並清除它。

此外,值得考慮使用setInterval而不是setTimeout在需要重複執行的場景中。這可以簡化程式碼並提供更健壯的解決方案。

請記住在 setBgPosition 本身內實現適當的機制,以檢測循環何時應終止,以確保獨立且自主的功能。

以上是如何在 JavaScript 中停止「setTimeout」循環?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn