`

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(function,time)的主要应用

    使用`clearInterval()`函数可以停止由`setInterval()`启动的定时器。这在需要结束动画或计时器时非常有用,避免资源浪费。 现在,我们通过一个简单的`setInterval()`动画示例来理解其工作方式: ```javascript ...

    setTimeout和setInterval的区别

    需要注意的是,使用`setInterval`时,由于JavaScript的事件循环机制,如果执行时间超过设定的间隔时间,可能导致多个回调函数同时执行,造成所谓的“堆积”。因此,在处理耗时任务时,通常建议使用`setTimeout`来...

    javascript循环弹出窗口

    在这个改进的版本中,如果用户确认想要停止循环,`clearInterval(intervalId)`会取消当前的定时器,从而停止弹出窗口。 至于提供的文件`DeBugTest.html`,这可能是一个包含上述JavaScript代码的HTML文件,用于测试...

    JS中的setTimeout和setInterval的区别JS中的setTimeout和setInterval的区别

    通过以上的分析可以看出,尽管`setTimeout`与`setInterval`都可以用来控制代码的执行时间,但它们的应用场景和执行方式存在本质的区别。正确理解和运用这两个函数对于提高JavaScript程序的性能和用户体验至关重要。

    setInterval和setTimeout停止的方法

    在JavaScript中,`setInterval`和`setTimeout`是两种非常重要的定时器函数,它们用于在特定时间间隔后执行代码...通过`clearInterval`和`clearTimeout`,开发者可以随时取消已经设置的定时器,以实现更灵活的编程逻辑。

    一个简单的死循环事例

    标题中的"一个简单的死循环事例"指的是一个能够无限重复执行的代码块,不会自行停止,除非受到外部干预。这通常是由于循环的退出条件没有得到满足导致的。 在描述中提到,“初学者可以借鉴一下,还凑合”,暗示了这...

    CSS3 translate实现轮播图丝滑般翻页,setInterval实现定时器等常见操作。

    在提供的"js-轮播图"文件中,可能包含了实现这些功能的JavaScript代码,包括处理用户点击事件、计算和应用`translateX`值、启动和停止定时器等功能。通过对这些代码的学习和理解,可以进一步掌握轮播图的实现原理和...

    jQuery实现列表自动滚动循环滚动展示新闻

    4. 定时器和滚动函数:使用JavaScript的setInterval()方法设置一个定时器,定时触发滚动函数scrollNews,以固定的时间间隔不断调用这个函数来实现自动滚动。在 scrollNews 函数内部,需要通过操作DOM来将ul元素向左...

    js中的setInterval和setTimeout使用实例.docx

    javascript 中的 setInterval 和 setTimeout 使用实例 在 javascript 中,有两个重要的定时执行函数,即 setInterval 和 setTimeout。这两个函数都可以用来执行某个函数或表达式,但它们之间有一些关键的区别。 ...

    轮播图手动循环滑动+自动循环滑动

    1. 设置定时器:使用JavaScript的`setInterval`函数,设定一个合适的间隔时间(如3秒),在每次间隔结束后执行切换面板的函数。 2. 状态管理:维护当前显示面板的索引,每次定时器触发时,检查是否已经到达最后一个...

    js实现html内容循环滚动

    5. `setInterval`和`clearInterval`:`setInterval`用来定时执行`Marquee`函数,即每隔`speed`毫秒滚动一次。当鼠标移入"first"元素时,通过`clearInterval`停止滚动;鼠标移出时,重新设置定时器,恢复滚动。 6. *...

    javascript无限循环和间隔刷新.rar

    在JavaScript编程中,无限循环和间隔刷新是两个重要的概念,它们在实现动态效果、定时任务以及用户界面更新等方面发挥着关键作用。让我们深入探讨这两个概念。 首先,无限循环(Infinite Loop)是指程序运行时陷入...

    js文章循环滚动,鼠标上移停止

    2. **定时器**:通过`setInterval`函数设置一个定时器,定时更新文章的位置,实现循环滚动的效果。 3. **CSS动画控制**:如果使用CSS动画,JavaScript可能需要通过改变类名或修改元素的`style`属性来启动或停止动画...

    WEB横向循环滑动

    7. **性能优化**:为了避免频繁的DOM操作影响性能,可以使用`cloneNode`创建元素的副本,然后在循环滑动时添加和移除,而不是直接修改原有元素。 8. **过渡效果**:为了提供更好的用户体验,可以利用CSS3的`...

    js中的setInterval和setTimeout使用实例

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

    基于JS的文章按行向上滚动,鼠标经过时停止(间接性)

    JS会设置一个定时器(`setInterval`),每隔一定时间周期性地调整文本的位置,使文本看起来像是向上滚动。例如,可以创建一个包含文字的div元素,并设置其负的`top`值逐渐增加,以实现向上滚动的效果。 2. **无间隙...

    JS图片循环放大.zip

    在实现图片放大效果时,我们通常需要设置一个定时器(`setInterval`函数)来在一定时间间隔内改变图片的尺寸。例如,每次增加一定的像素值,直到达到最大尺寸,然后逐渐减小回原始大小,如此反复,形成循环放大效果...

    javascript setTimeout和setInterval 的区别

    这种方式可以模拟`setInterval`的行为,但需要注意控制停止循环的机制。 清除`setTimeout`定时器使用`clearTimeout`方法,例如: ```javascript clearTimeout(tttt); ``` 2. **setInterval** `setInterval`...

    文本框内文字循环播放

    1. **JavaScript/jQuery**:在网页开发中,可以利用JavaScript的setTimeout或setInterval函数来周期性地改变文本框的innerHTML属性,实现文本的循环播放。jQuery库可以简化DOM操作,使得代码更简洁。 2. **C#/.NET*...

Global site tag (gtag.js) - Google Analytics