萬盛學電腦網

 萬盛學電腦網 >> 腳本專題 >> javascript >> setTimeout()與setInterval()方法區別介紹

setTimeout()與setInterval()方法區別介紹

 計時器setTimeout()和setInterval()兩個都是js的計時功能的函數兩個有些區別,下面為大家簡單介紹下,希望對大家有所幫助

計時器setTimeout()和setInterval()兩個都是js的計時功能的函數兩個有些區別。    setTimeout():    在js手冊中的解釋:用於在指定的毫秒數後調用函數或計算表達式;    也就是說在執行完設定好的秒數後再執行。    實驗代碼(改變body背景顏色):   代碼如下: setTimeout(function(){  $("body").css("background","red");  },5000);    setInterval():    在js手冊中的解釋: 按照指定的周期(以毫秒計)來調用函數或計算表達式. 會不停地調用函數,直到 clearInterval() 被調用或窗口被關閉;    在你設定好的秒數裡執行你自己效果代碼或函數。    實驗代碼(數秒實驗):  代碼如下: <div class="clock"></div>  <script>  var num = 0;  setInterval(function(){$(".clock").html(num++)},1000);  </script>    總結:    setTimeout()方法是在等待指定時間後執行函數, 且只執行一次傳入的句柄函數.    setInterval()方法是每指定間隔時間後執行一次傳入的句柄函數,循環執行直至關閉窗口或clearInterval().   
copyright © 萬盛學電腦網 all rights reserved