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中文网其他相关文章！