setTimeout 和 setInterval 的区别

window对象有两个主要的定时方法,分别是setTimeout 和 setInteval  他们的语法基本上相同,可是完成的功能取有区别。

setTimeout方法是定时程序,也就是在什么时间之后干什么。干完了就拉倒。javascript

setInterval方法则是表示间隔必定时间反复执行某操做。java

若是用setTimeout实现setInerval的功能,就须要在执行的程序中再定时调用本身才行。若是要清除计数器须要 根据使用的方法不一样,调用不一样的清除方法:code

例如:tttt=setTimeout('northsnow()',1000);对象

clearTimeout(tttt);ip

或者:input

tttt=setInterval('northsnow()',1000);io

clearInteval(tttt);function

举一个例子:class

 <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 + "&nbsp;" + (intvalue ++).toString();
      timer2=window.setTimeout("startShow()",2000);
   }
   function stop()
   {
      window.clearTimeout(timer2);
   }
</script>

或者:cli

 <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 + "&nbsp;" + (intvalue ++).toString();    }    function stop()    {       window.clearInterval(timer2);    } </script>

相关文章
相关标签/搜索