Javascript中setTimeout和setInterval的区别和使用
在javascript中,window对象有两个主要的定时方法,分别是setTimeout 和
setInterval,其语法基本上相同,但是完成的功能取有区别。
setTimeout方法是定时程序,就是在什么时间以后干什么。
setInterval方法则是表示间隔一定时间反复执行某操作。
如果用setTimeout实现setInerval的功能,就需要在执行的程序中再定时调用自己才行。如果要清除计数器需要
根据使用的方法不同,调用不同的清除方法:
例如:t=setTimeout(‘northsnow()‘,100);
clearTimeout(t);
或者:t=setInterval(‘northsnow()‘,100);
clearInteval(t);
举一个例子:
<div id="liujincai"></div> <input type="button" name="start" value="start" onclick=‘startShow();‘> <input type="button" name="stop" value="stop" onclick="stop();"> <script language="javascript"> var intvalue=1; var timer2=null; function startShow() { liujincai.innerHTML=liujincai.innerHTML + " " + (intvalue ++).toString(); timer2=window.setTimeout("startShow()",2000); } function stop() { window.clearTimeout(timer2); } </script>
或者:
<div id="liujincai"></div> <input type="button" name="start" value="start" onclick=‘timer2=window.setInterval("startShow()",2000);//startShow();‘> <input type="button" name="stop" value="stop" onclick="stop();"> <script language="javascript"> var intvalue=1; var timer2=null; function startShow() { liujincai.innerHTML=liujincai.innerHTML + " " + (intvalue ++).toString(); } function stop() { window.clearInterval(timer2); } </script>
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。