代码改变世界

setInterval与 clearInter联系与区别

2015-07-12 20:43  文巧  阅读(783)  评论(0编辑  收藏  举报

 

setInterval与 clearInter
setInterval

按照指定的周期单位为毫秒来调用函数或计算表达式。setInterval(function,time)

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

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

clearInterval

取消由setInterval()方法设置的定时器。clearInterval(id_of_setinterval)

id_of_setinterval:由setInterval()返回的ID值。该值标识了一个setInterval定时器。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)是停止定时器