`
yanghongwu103
  • 浏览: 11184 次
  • 性别: Icon_minigender_1
  • 来自: 北京
最近访客 更多访客>>
文章分类
社区版块
存档分类

Javascript-setInterval定时触发与取消

阅读更多

setInterval 定时触发

用法:timerID = setInterval(codeStr, milliSeconds);

  • timerID 是 setInterval 的返回值,返回定时器的 ID,当然也可以不要返回值。
  • codeStr 是要执行的代码。
  • milliSeconds 是触发的间隔时间,单位为毫秒。

示例

setInterval("alert('您好!');", 2000); //每 2 秒钟弹出一个对话框。

第一个参数也可以是函数,比如:

setInterval(function () { alert("您好!"); }, 2000); //每 2 秒钟弹出一个对话框。function () 是个匿名函数。

clearInterval 取消定时器

用法:clearInterval(timerID);

timerID 就是 setInterval 的返回值。

取消定时器后,timerID 的值仍然是个数字,并没有置为 0 或 null,所以不能通过 timerID 是否为 0 或 null 来判断定时器是否有效。不过我们可以在取消定时器之后立即将 timerID 置为 0 或 null,这样就可以在其他地方用 timerID 来判断定时器是否有效了。

 

转载:http://hi.baidu.com/holmesian/blog/item/3fccbece2bb8850992457ee5.html

分享到:
评论

相关推荐

    JavaScript-端午节大礼包

    9. 异步编程:学习如何使用Promise或async/await来处理异步操作,这在现代JavaScript开发中非常重要,尤其是在与服务器交互或进行复杂的定时任务时。 10. 错误处理:了解如何在JavaScript中捕获和处理错误,确保...

    javascript-60039.pdf

    游戏中虽然没有直接提及事件监听,但通常在JavaScript中,游戏的开始、暂停、结束等操作都会与特定的事件关联。例如,游戏开始可能是由用户点击按钮触发的,这会用到`onclick`事件。 2. **`setInterval`函数**: ...

    JavaScript-打地鼠案例学习

    JavaScript的`setInterval`函数可以用来每隔一定时间执行某个函数,创建游戏的节奏感: ```javascript setInterval(function() { // 随机选择一个地鼠洞并显示地鼠 }, 1000); // 每1秒检查一次 ``` 6. **...

    Javascript定时器(二)——setTimeout与setInterval

    `setTimeout`只执行一次,而`setInterval`会一直重复,直到被取消。另一个区别是,由于`setTimeout`的异步性质,它可以在函数执行完毕后再执行,而`setInterval`则会在设定的间隔时间结束后立即尝试执行,即使前一次...

    setInterval定时调用ajax实现在线人数统计-你得到了正确的数据那才是你会了,-

    `setInterval`是JavaScript中的一个函数,用于定期执行某段代码,而`Ajax`则用于异步与服务器进行数据交互,两者结合可以实现定时向服务器发送请求,获取并更新在线用户数量。 首先,我们需要理解`setInterval`的...

    javascript经典特效---图片转换效果.rar

    5. **计时器**:如果要实现自动切换,可以使用`setInterval`或`setTimeout`函数来定时执行图片更换。 6. **封装和模块化**:为了保持代码的整洁和可维护性,这些功能可以封装成一个函数或对象,避免全局变量的污染...

    第三章:javascript-DOM对象模型-补充课件.ppt

    9. **时间函数的用法**:JavaScript提供了`setTimeout`和`setInterval`函数来定时执行函数,这在实现动态效果如轮播图时非常有用。 在实现企业网站轮播图的需求中,我们需要: - 使用定时器(如`setInterval`)每隔...

    setInterval

    `setInterval`是JavaScript定时器API的一部分,用于实现定时任务,比如周期性地更新页面内容、轮询服务器数据等。在这篇博客中,我们将深入探讨`setInterval`的工作原理、常见用法以及需要注意的陷阱。 首先,我们...

    JavaScript入门之事件、cookie、定时等

    在JavaScript中,定时任务主要由`setTimeout()`和`setInterval()`两个函数提供。 #### setTimeout() `setTimeout()`用于在指定的毫秒数后执行一次代码。例如: ```javascript setTimeout(function(){ console.log...

    javascript-spiele-amal-ash:GitHub Classroom创建的javascript-spiele-amal-ash

    4. **计时器和动画**:`setInterval` 和 `setTimeout` 函数用于实现游戏的定时更新和动画效果。通过不断调整游戏状态并重绘屏幕,可以创建流畅的视觉体验。 5. **游戏逻辑**:JavaScript游戏的核心在于游戏逻辑的...

    定时器定时器

    - 清除定时器:`clearTimeout`和`clearInterval`在JavaScript中用于停止定时器,Java的`TimerTask.cancel()`和`ScheduledFuture.cancel()`用于取消定时任务。 - 任务优先级:高级别任务可能需要在低级别任务之前...

    uni-app定时器实例

    - 当在H5环境下,uni-app的定时器与原生浏览器的定时器并无太大区别,但在小程序环境中,需要考虑其特有的运行机制。 - 在App端,由于涉及到原生插件的交互,有时可能需要借助uni-app提供的原生API来实现更复杂的...

    javascript经典特效---射击游戏.rar

    6. **计时器和延迟**:JavaScript的`setTimeout`和`setInterval`函数可以用来实现定时触发某些事件,比如定时生成敌人或者控制子弹飞行速度。 7. **变量和作用域**:理解JavaScript的变量和作用域规则是编写游戏的...

    setInterval 引起的性能问题

    首先,`setInterval`的定时并不精确。它并不是在指定间隔的精确时间点执行,而是在一个事件循环结束时执行,这意味着其执行时间受到其他JavaScript代码执行时间的影响。当页面有大量脚本或复杂操作时,`setInterval`...

    javascript经典特效---文字动态变化.rar

    4. **定时器与回调函数**:JavaScript的`setTimeout`和`setInterval`函数可以用来创建定时触发的效果,如文字逐字显示、闪烁等。同时,回调函数用于在动画完成时执行特定代码。 5. **事件监听**:通过监听用户的...

    关于setInterval定时器的使用示例

    在JavaScript中,`setInterval`是一个非常常用的函数,用于定期执行某个函数或代码块。它在Web开发中扮演着重要角色,特别是在创建动画效果、定时更新内容或者执行后台任务时。下面我们将深入探讨`setInterval`的...

    JS实现定时任务每隔N秒请求后台setInterval定时和ajax请求问题

    在JavaScript中,定时任务是通过`setInterval`函数来实现的,它允许我们在指定的时间间隔内重复执行一段代码。在本例中,我们要讨论的是如何使用`setInterval`结合AJAX(异步JavaScript和XML)请求来每隔N秒向后台...

    javascript经典特效---图形显示特效.rar

    3. 时间帧与定时器:JavaScript的setTimeout和setInterval函数用于设置定时执行某段代码,是实现连续动画的关键。通过在时间帧之间不断更新元素状态,可以创建流畅的动画效果。 4. 数学算法:许多图形特效涉及几何...

    javascript经典特效---图片和文字同时变化.rar

    6. **动画效果**:为了让变化更平滑,可以使用JavaScript的`setTimeout`或`setInterval`函数来定时改变图片和文字,从而实现过渡动画。现代浏览器还支持`requestAnimationFrame`,它能提供更流畅的动画性能。 7. **...

Global site tag (gtag.js) - Google Analytics