如何在 JavaScript 中動態變更 `setInterval` 的間隔？

在執行過程中修改 setInterval 的時間間隔

setInterval 方法有助於以指定的時間間隔重複執行函數。但是，如果您需要在函數運行時動態調整此間隔，則會出現某些挑戰。

在提供的範例中，您嘗試使用以下行修改間隔：

var interval = setInterval(function() { ... }, 10*counter);

但是，這種方法失敗了，因為 10*counter 的值計算為 0。要解決此問題，您可以使用匿名函數，如圖所示下面：

var counter = 10;
var myFunction = function() {
    clearInterval(interval); // Stop the current interval
    counter *= 10; // Increment the counter
    interval = setInterval(myFunction, counter); // Set a new interval with the updated counter
}
var interval = setInterval(myFunction, counter); // Start the initial interval

此匿名函數清除當前間隔，調整計數器值，然後使用更新的計數器設定新間隔。

替代解決方案：使用 setTimeout

作為使用clearInterval和setInterval的替代方案，您可以利用setTimeout來實現間隔調整。這種方法無需清除先前的間隔：

var counter = 10;
var myFunction = function() {
    counter *= 10; // Increment the counter
    setTimeout(myFunction, counter); // Set a new timeout with the updated counter
}
setTimeout(myFunction, counter); // Start the initial timeout

以上是如何在 JavaScript 中動態變更 `setInterval` 的間隔？的詳細內容。更多資訊請關注PHP中文網其他相關文章！