首页 > 编程 > JavaScript > 正文

Javascript中setTimeout和setInterval的区别和使用

2019-11-17 03:18:53
字体:
来源:转载
供稿:网友

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>

  


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表