JavaScript如何動態調整setInterval間隔？

動態調整SetInterval 間隔

此JavaScript 函數最初呼叫SetInterval 以100 毫秒的固定間隔操作字串：

var interval = setInterval(function() { ... }, 100);

然而，使用者希望根據循環計數器。改為：

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

證明無效。

使用匿名函數的解

要實現所需的行為，可以使用匿名函數:

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

此函數重複清除當前間隔，將計數器乘以10，並使用更新的值重設間隔。

使用setTimeout 更新解決方案

正如A. Wolff 所建議的，setTimeout 提供了一種替代方法，無需clearInterval:

var counter = 10;
var myFunction = function() {
    counter *= 10;
    setTimeout(myFunction, counter);
}
setTimeout(myFunction, counter);

使用此方法，setTimeout 會以新的遞歸方式調度函數間隔。

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