动态改变setInterval的时间间隔

本文探讨了如何在JavaScript中动态更改setInterval的时间间隔。通过一个示例对比了错误的方法和正确的实现方式,即使用clearInterval停止现有定时器并创建新的定时器。

    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方法暂停之前的定时器,然后从新启动它。


评论 6
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值