setInterval设置N次循环后停止的优雅写法

通常做法是拿一个计数器,到了就停止。

// 执行60次后结束
var timesRun = 0;
var interval = setInterval(function(){
    timesRun += 1;
    if(timesRun === 60){    
        clearInterval(interval);    
    }
    //do whatever here..
}, 2000);

引用自:https://blog.csdn.net/chelen_jak/article/details/82899153

更加方便的做法:

// 这种方法简单优雅,不影响原来的流程

const interval = setInterval(function(){
    //do whatever here..
}, 1000);

// 10次后结束,因为一般都知道每次间隔是多少,那10次后就是:10000。
setTimeout(() => { 
    clearInterval(interval )
}, 10000);

如果有rxjs,那就更加优雅了:

就一行代码,效果跟上面的代码一样,是不是很清爽

// 就一行代码,效果跟上面的代码一样,是不是很清爽
Rx.Observable.interval(1000).take(10).subscribe(() => {console.log("hello rxjs")});

 

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值