动态改变setInterval的时间间隔

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


  • 11
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 6
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值