JavascriptにおけるsetTimeoutとset Intervalの違いと使用

1768 ワード

javascriptでは、windowオブジェクトは二つの主要なタイミング方法があります.それぞれsetTimeoutとsetIntervalです.その文法はほぼ同じですが、完成した機能は違いがあります.set Timeout方法はタイミングプログラムです.いつ以降何をしますか?set Intervalの方法は、一定の時間間隔をおいて、ある操作を繰り返し実行することを意味する.setTimeoutでsetInervalの機能を実現するには、実行しているプログラムの中でタイミングよく自分を呼び出す必要があります.カウンタをクリアするには使用方法によって異なるクリア方法を呼び出す必要があります.例えば、t=setTimeout('norths now()',100)        clearTimeout(t)
或いは:t=set Interval('northsnow()',100);        clear Inteval(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>