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>

相關文章
相關標籤/搜索