setInterval设置停止和循环（实用）

原文出处：https://blog.csdn.net/qq_33212500/article/details/70242646

自动结束的计时器

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

var startTime = new Date().getTime();
var interval = setInterval(function(){if(new Date().getTime() - startTime > 60000){clearInterval(interval);return;}//do whatever here..
}, 2000);

var interval = setInterval(function(){timesRun += 1;var textNode = $('input[type="radio"][name="radioName'+questionNo+'"]:checked').parent().parent().find('input[type="text"]');console.log(textNode.val());if(textNode.val()  == '' || textNode.val() == undefined){//当节点没有值或者还未在页面上生成，则赋值console.log(textNode.length);textNode.val(inputValue);}else {//已经有值了，则清除停止clearInterval(interval);}
}, 500);

如果要在别的地方停止计时器，可以加一个全局变量（_stopTimer）解决：

    private _stopTimer = false;ionViewDidEnter() {if (this._stopTimer) {this.startTimer();}}ionViewDidLeave() {this._stopTimer = true;}private startTimer(): void {this._stopTimer = false;let myTimer = setInterval(() => {// 停止定时器if (this._stopTimer == true) {clearInterval(myTimer);return;}// 重复动作。。。}, 500);}

补充：

1、尽可能在setInterval中自己清除（停止）。
2、如果将setInterval赋给一个全局变量，在其他地方ClearInterval进行清除有可能达不到效果。(原因：那边刚清除，这边可能又重新赋值了，惨痛的经历！）

2018-10-22 上面的补充感觉不合逻辑，划掉。具体可参考：JS中setInterval()和clearInterval()的使用以及注意事项

setInterval设置停止和循环（实用）相关推荐

前端控件--setInterval设置停止和循环
注册界面点击手机60秒倒计时,需要用到setInterval,使用setInterval需要关闭它. var count = 60;var timeInterval = setInterval(fun ...
setInterval设置停止和循环
原文链接:http://caibaojian.com/setinterval-times.html 需要知道已经经过了多少次或者说过多久就会停止 var timesRun = 0; var inter ...
笔记——setInterval()设置停止和循环
与setTimeout不同,setInterval会无限反复执行.可我非要用setInterval,又想要能让它听我号令,随时停止,要怎么做呢? 很简单-- 只需要把setInterval()赋值给一 ...
Nodejs——setInterval设置停止的次数和时间
需要知道已经经过了多少次或者说过多久就会停止 var timesRun = 0; var interval = setInterval(function(){ timesRun += 1; if(ti ...
关于setInterval如何停止循环
关于setInterval如何停止循环查了n久,其他csdn写的都是垃圾,完全浪费时间,不晓得他们做啥笔记. 需求是调用一次hCreate执行5次model方法,注意clearInterval清除定 ...
ANSYS CFX 脚本详细设置，实现循环计算
ANSYS CFX 脚本详细设置,实现循环计算参考链接: https://www.zhihu.com/question/29498222
diybox路由器设置教程_一个简单的无线路由器入门设置教程，非常实用
原标题:一个简单的无线路由器入门设置教程,非常实用分享给朋友们一个简单的无线路由器入门设置教程,教大家怎么使用无线路由器.如何设置使用,非常实用. 一.无线路由器基本使用方法 1.拿到手的无线路由器 ...
设置PowerPoint2007自动循环播放
转载者: 英文版篮球ppt课件来源: www.2ppt.cn 您的位置: 主页 > PowerPoint教程 > PowerPoint2007教程 > 设 ...
JS setInterval（延时器）设置停止重启操作
延时器的操作设置延时器 setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式. 书写方式JS setInterval(function, milliseconds, p ...

setInterval设置停止和循环（实用）

setInterval设置停止和循环（实用）相关推荐

最新文章

热门文章

setInterval设置停止和循环 （实用）

setInterval设置停止和循环 （实用）相关推荐

最新文章

热门文章

setInterval设置停止和循环（实用）

setInterval设置停止和循环（实用）相关推荐