window.clearInterval与window.setInterval的用法
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的参数
例子:
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5 <title>test</title> 6 </head> 7 <body> 8 <input type="button" value="开始计时" onclick="beginCount()" /> 9 <input type="text" id="timetxt" size="5" /> 10 <input type="button" value="停止计时" onclick="stopCount()" /> 11 <script type="text/javascript"> 12 var count = 0; 13 var timeID; 14 function timeCount() 15 { 16 document.getElementById('timetxt').value = count; 17 count++; 18 } 19 function beginCount() 20 { 21 timeID = setInterval("timeCount()",100); 22 } 23 function stopCount() 24 { 25 clearInterval(timeID); 26 } 27 </script> 28 </body> 29 </html>
再如:
var objTimer = window.setInterval("moveDiv()",10)是调动定时器,其中moveDiv是js的一个函数
if(objTimer) window.clearInterval(objTimer)是停止定时器