setInterval的时间间隔一般设定的为一个常量,但是实际场景中我们有时候需要动态替换掉这个时间间隔那么该怎么处理呢?
定时器的时间间隔是不能修改的,只能不停的创建,清除,创建。做出时间间隔变换的表象 使用函数表达式和递归实现
错误❌示范:
var t = 500;
var set = setInterval(function () {
t /= 2;
console.log('我是用来测试打印速度的');
if(t <= 10){
clearInterval(set);
}
}, t);
正确姿势✔️:
var t = 200;
var set1 = setInterval(fn, t);
function fn() {
console.log('我是用来测试打印速度的');
t -= 10;
clearInterval(set1);
if (t > 0) {
set1 = setInterval(fn, t);
}
}
结论:实践证明我们不能直接改变“ t ”值,改了也不会起任何效果;正确的做法是先通过clearInterval方法暂停之前的定时器,然后从新启动它。