window.clearInterval与window.setInterval的用法

转载 2013年12月06日 11:18:27

扩展:http://heisetoufa.iteye.com/blog/227639

setintervalhttp://www.w3school.com.cn/htmldom/met_win_setinterval.asp

clearinterval: http://www.w3school.com.cn/htmldom/met_win_clearinterval.asp

window.setInterval()

功能:按照指定的周期(以毫秒计)来调用函数或计算表达式。

语法:setInterval(code,millisec)

 

解释:code:在定时时间到时要执行的JavaScript代码串。

millisec:设定的定时时间,用毫秒数表示。

返回值:定时器的ID值,可用于clearInterval()方法停止指定的定时器。

注:setInterval()方法会不停地调用函数,直到用clearInterval()终止定时或窗口被关闭。

window.clearInterval()

功能:取消由setInterval()方法设置的定时器。

语法:clearInterval(id_of_setinterval)

解释:id_of_setinterval:由setInterval()返回的ID值。该值标识了一个setInterval定时器。

也就是:window.setInterval()返回的就是window.clearInterval的参数

例子:

<script type="text/javascript">
var count = 0;
var timeID;
function timeCount()
{
  document.getElementByIdx('timetxt').value = count;
  count++;
}
function beginCount()
{
  timeID = setInterval("timeCount()",1000);
}
function stopCount()
{
  clearInterval(timeID);
}
</script>
<input type="button" value="开始计时" onclick="beginCount()" />
<input type="text" id="timetxt" size="5" />
<input type="button" value="停止计时" onclick="stopCount()" />
 再如:
var objTimer = window.setInterval("moveDiv()",10)是调动定时器,其中moveDiv是js的一个函数

if(objTimer) window.clearInterval(objTimer)是停止定时器


 


js中clearInterval无效,以及setInterval中断后重新执行

clearInterval()失效的原因:setInterval()每执行一次,则返回一个唯一id。所以setInterval()执行了n次,那么需要调用clearInterval()也是nci。出现...
  • manmanwei
  • manmanwei
  • 2016年07月05日 19:03
  • 8882

【JavaScript】使用定时器实现Js的延期执行或重复执行setTimeout,setInterval

使用定时器实现JavaScript的延期执行或重复执行 window对象提供了两个方法来实现定时器的效果,分别是window.setTimeout()和window.setInterval。其中前者...
  • xueshandugu
  • xueshandugu
  • 2014年04月28日 14:05
  • 1961

Ajax在IE上做轮询时setInterval方法只执行一次

原文转自:http://blog.csdn.net/acoal/article/details/5897522 最近做一个小的基于Flex的网页聊天室,其实并没有用到多少Flex的技术,只是最...
  • FLYXIONG
  • FLYXIONG
  • 2013年11月30日 10:18
  • 1484

window.clearInterval与window.setInterval的用法.

  • 2010年12月24日 11:46
  • 1KB
  • 下载

(2)window方法:confirm、setTimeout、setInterval、clearInterval、moveBy和moveTo、open和close

confirm、setTimeout、setInterval、clearInterval、moveBy和moveTo、open和close
  • jiangshangchunjiezi
  • jiangshangchunjiezi
  • 2017年08月05日 18:56
  • 128

js定时器用法详解——setTimeout()、setInterval()、clearTimeout()、clearInterval()

写在前面: 在js应用中,定时器的作用就是可以设定当到达一个时间来执行一个函数,或者每隔几秒重复执行某段函数。这里面涉及到了三个函数方法:setInterval()、setTimeout()、c...
  • OBKoro1
  • OBKoro1
  • 2017年05月21日 00:06
  • 656

开发日记(2015.9.21):Js中clearInterval、window.onload失效 及 Js添加animation的浏览器兼容

在使用定时器的情况下,偶尔会出现clearInterval清除不了定时器的情况,这个时候,可以通过外加一个布尔值来进行判别操作: 1)失效情况:var timer; function doThis(...
  • puppyand123
  • puppyand123
  • 2015年09月21日 14:04
  • 691

window.setTimeout() 和window.setInterval() 的用法与区别

【1】setTimeout定义和用法: setTimeout()方法用于在指定的毫秒数后调用函数或计算表达式。  语法: setTimeout(code,millisec)  参数: code ...
  • J080624
  • J080624
  • 2016年12月27日 15:36
  • 623

在js中window.setInterval() 实现ukey的自动识别

先看两个简单的小例子。 setTimeout()的使用:  function test() { //100毫秒后执行sleep方法, 但这100毫秒程序不会等待,会继续执行set...
  • xiaokui008
  • xiaokui008
  • 2012年10月29日 14:08
  • 2264

window.setInterval

Summary Calls a function or executes a code snippet repeatedly, with a fixed time delay between e...
  • song_zheng
  • song_zheng
  • 2013年04月10日 23:05
  • 748
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:window.clearInterval与window.setInterval的用法
举报原因:
原因补充:

(最多只允许输入30个字)