`

setInterval设置停止和循环

阅读更多
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 timer = setInterval(fun,2000);

将setInterval赋值给一个变量,要停止的时候,只需要使用clearInterval(timer);即可停止上面的这个每个两秒循环执行fun的这个函数了。


转自前端开发博客 (http://caibaojian.com/setinterval-times.html)
分享到:
评论

相关推荐

    JavaScript中停止执行setInterval和setTimeout事件的方法

    js 代码中执行循环事件时,经常会用到 setInterval 和 setTimeout 这两个方法,关于这两个方法的细节这里不详细讨论了,简要分享下在需要停止循环事件的时候该如何操作。 (1)setInterval 方法可按照指定的周期(以...

    js中的setInterval和setTimeout使用实例

    该方法会不停地循环调用函数,直到使用 clearInterval() 明确停止该函数或窗口被关闭。clearInterval() 函数的参数即 setInterval() 返回的 ID 值。 语法 setInterval(code,millisec[,”lang”])code 必需。要调用的...

    mpvue小程序循环动画开启暂停的实现方法

    刷新结束,停止动画,并设置字体颜色为原来的 主要利用 setInterval 定时器循环执行动画 首先,组件写出来 添加点击事件,动画属性, style 属性(用来动态修改样式) src/components/refresh.vue <div ...

    AutoScrollViewPager:实现ViewPager的循环滚动

    AutoScrollViewPager 实现ViewPager的循环滚动 ...4.setInterval 设置滚动一次时间间隔,默认3000毫秒 5.stopAutoScroll 停止自动滚动 6.startAutoScroll 开始自动滚动 7.setOnItemClicklistener 每个Item的点击事件

    ppt如何设置打字机效果.doc

    ppt 打字机效果设置和打印技巧 本文将详细介绍 ppt 中设置打字机效果和打印技巧的方法。我们将从基本的打字机效果设置开始,逐步讲解如何实现打字机效果,并提供打印 ppt 效果的技巧。 篇一:简单打字效果 要掌握...

    iFocus焦点图片轮换JS版

    2.当鼠标移到此效果上面时,停止每5秒自动焦点变化 3.当鼠标移动到四个小图上时,焦点变换到相对应的大图及标题 4.当传的内容过少只存在1,2,3个列表,循环时不影响效果自动轮换活动 扩展修改: 1.为适应网页布局时,...

    selectively-remove-chrome-history:通过控制台调试器有选择地删除Chrome浏览历史记录

    有选择地删除Chrome历史记录 ... 要手动停止循环,您现在可以单击红色的“停止”按钮。 就那么简单! 如何使用它 打开Chrome历史记录:chrome:// history-frame 加载控制台调试器Windows: Ctrl + Shift

    用roll.js实现的图片自动滚动+鼠标触动的特效

    在这里,我们使用setInterval函数来执行scrollLeft和scrollRight函数,从而实现图片的自动滚动。同时,我们还使用了clearInterval函数来停止定时器的执行。 知识点3: JavaScript中的with语句 在上面的代码中,我们...

    五段实用的js高级技巧

    技巧一之setTimeout. 应用案例:比如你想一个函数循环执行10次,怎么办?以前通常是先setInterval,然后...然后自动停止 技巧二之高效的for循环 应用案例:抛弃传统的循环方式 代码如下: (function () { var arr=[];

    js实现图片轮番效果,原生代码

    分析下,思想很简单。... 1:隔一段时间自动循环展示图片。||{setInterval(),} 2:当鼠标进入到图层区域时,图片停止轮番。||{clearInterval(),} 3:当鼠标移动到信息栏目时出现相对于的图片||}

    JavaScript笔记

    |--查找和替换所有:while循环 | |--String 对象的常用方法有: |--x.toLowerCase()、x.toUpperCase():大小写转换方法; |--x.charAt(index):返回指定位置的字符; |--x.charCodeAt(index):返回指定位置...

    virtual-clock:微型库,可配置虚拟时钟

    虚拟时钟可以暂停和恢复,加速,减速甚至倒退,可以限制为不超过某个最小值或最大值,或者在达到所设置的最小值或最大值时进行循环。 时钟可以注册回调,回调应在特定的时钟时间触发,一次或每次到达指定时间都将...

    pomodoros:番茄计时器

    #Pomodoro计时器 我写了一个计时器,因为没有一个可用的番茄计时器能够满足我的要求:在停止工作时自动循环并发出哔声。 HTML5音频标签会创建警报声音。 setInterval和clearInterval允许一个暂停按钮。

    跑马灯2.txt

    while(tempX>=0 && tempX<n && tempY>=0 && tempY*n){//循环条件 tempX tempY在 n和m的长度范围内 count++; runArr.push([tempY,tempX]); if(direction=="straight"){//亮块直行的规律 if(tempX==n-1){ ...

    javascript函数的解释

    83.JS中设置时间间隔:setInterval("expr",msecDelay)或setInterval(funcRef,msecDelay)或setTimeout 84.JS中的模态显示在IE4+行,在NN中不行:showModalDialog("URL"[,arguments][,features]); 85.JS中的退出之前使用...

Global site tag (gtag.js) - Google Analytics