萬盛學電腦網

 萬盛學電腦網 >> 腳本專題 >> javascript >> javascript中interval與setTimeOut的區別示例介紹

javascript中interval與setTimeOut的區別示例介紹

 這篇文章主要介紹了javascript中interval與setTimeOut的區別,需要的朋友可以參考下

setTimeout(code,millisec) //- 在指定時間後執行代碼    code必須;    millisec必須;    clearTimeout(setTimeoutId) //- 取消 setTimeout()    setInterval(code,millisec);//指定間隔毫秒內循環執行代碼    code必須;    millisec必須;    clearInterval(intervalId);    用setTimeout(code,millisec)可以實現setInterval效果,只需要嵌套調用方法即可;    下面是一個倒計時頁面  代碼如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  <html xmlns="http://www.w3.org/1999/xhtml">  <head>  <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />  <title>無標題文檔</title>  <script type="text/javascript">  var c=6;  var t;  function timedCount()  {  var time = document.getElementById('txt').value;  if( time>0){  document.getElementById('txt').value=c;  c=c-1;  t=setTimeout("timedCount()",1000);  }  else{  clearTimeout(t);  }    }  </script>  </head>  <body>  <form>  <input type="button" value="開始計時!" onClick="timedCount()">  <input type="text" id="txt" value="6">  </form>  </body>  </html> 
copyright © 萬盛學電腦網 all rights reserved