interval" loading="lazy" src="http://www.hudongshop.com/zdmsl_image/article/20240917044449_84459.jpg"/>

簡介

setInterval() 函數在 JavaScript 中是一個強大的工具，它允許我們按固定的時間間隔重復執行一段代碼。當涉及到使用多個 setInterval() 實例時，事情可能會變得有點復雜。

使用多個 setInterval()實例

在某些情況下，我們可能需要使用多個 setInterval() 實例。例如，我們可能希望每秒更新一次時鐘，同時還要每 10 秒執行一次其他任務。要實現這一點，我們可以使用以下代碼：```javascript// 每秒更新時鐘setInterval(function() {// 更新時鐘代碼}, 1000);// 每 10 秒執行任務setInterval(function() {// 任務代碼}, 10000);```這將創建兩個獨立的setInterval() 實例，每個實例按固定的時間間隔執行其特定的任務。

實例之間通信

有時候，我們可能需要在不同的 setInterval() 實例之間進行通信。例如，我們可能希望當我們停止其中一個計時器時，另一個計時器也停止。要實現這一點，我們可以使用一個全局變量來跟蹤計時器的狀態：```javascriptvar timer1Active = true;var timer2Active = true;// 每秒更新時鐘var timer1 = setInterval(function() {if (timer1Active) {// 更新時鐘代碼}}, 1000);// 每 10 秒執行任務var timer2 = setInterval(function() {if (timer2Active) {// 任務代碼}}, 10000);// 停止計時器 1function stopTimer1() {timer1Active = false;}// 停止計時器 2function stopTimer2() {timer2Active = false;}```通過使用全局變量

---

---

相關標簽： 多個實例的進階應用、 setInterval、 函數、 深入探索世界未解之謎、 深入探索、

上一篇：JavaScript效率指南使用多個setInterval函

下一篇：JavaScript性能優化利用多個setInterval函