首页 > web前端 > js教程 > 如何在执行过程中动态更改'setInterval”间隔?

如何在执行过程中动态更改'setInterval”间隔?

Patricia Arquette
发布: 2024-11-26 18:15:11
原创
825 人浏览过

How Can I Dynamically Change the `setInterval` Interval During Execution?

在执行期间调整 SetInterval 的间隔

寻求一种在运行时动态修改 setInterval 间隔的方法,出现了一个查询建议基于计数器调整间隔的方法。

使用 var 间隔的初步尝试= setInterval(function() { ... }, 10*计数器);不幸的是产生了无效的结果。要实现所需的行为,请考虑使用匿名函数:

var counter = 10;
var myFunction = function(){
    clearInterval(interval);
    counter *= 10;
    interval = setInterval(myFunction, counter);
}
var interval = setInterval(myFunction, counter);
登录后复制

此方法涉及清除现有间隔、更新计数器,然后使用调整后的间隔设置新间隔。

A. Wolff 建议的替代方案利用 setTimeout 而不是 clearInterval 来避免不断清除和重置间隔的需要:

var counter = 10;
var myFunction = function() {
    counter *= 10;
    setTimeout(myFunction, counter);
}
setTimeout(myFunction, counter);
登录后复制

以上是如何在执行过程中动态更改'setInterval”间隔?的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板