setTimeout()與setInterval的區別

有時候須要在jquery中調用setInterval和setTimeout,直接在ready中調用其餘方法，會提示缺乏對象的錯誤，解決方法以下

 

 

方法1. 應用jQuery的擴展能夠解決這個問題。 

複製代碼代碼以下:

$(document).ready(function(){
$.extend({
  show:function(){
   alert("ready");
  }
});
setInterval("show()",3000);
});

方法2. 指定定時執行的函數時不要使用引號和括號。 

複製代碼代碼以下:

$(function(){
function show(){
   alert("ready");
}
setInterval(show,3000);// 注意函數名沒有引號和括弧！ 
// 使用setInterval("show()",3000);會報「缺乏對象」 
});

 

setTimeout()

　　 從載入後延遲指定的時間去執行一個表達式或者是函數; 
      僅執行一次 ;和window.clearTimeout一塊兒使用.

setInterval()

　　 在執行時,它從載入頁面後每隔指定的時間執行 一個表達式或者是函數;(功能相似於遞歸函數)；和window.clearInterval一塊兒使用.

補充說明：

這兩個方法均可以用來實如今一個固定 時間段以後去執行JavaScript。不過二者各有各的應用場景。

方 法

實際上，setTimeout和 setInterval的語法相同。它們都有兩個參數，一個是將要執行的代碼字符串，還有一個是 以毫秒爲單位的時間間隔，當過了那個時間段以後就將執行那段代碼。

不過這兩個函數仍是有區別的， setInterval在執行完一次代碼以後，通過了那個固定的時間間隔，它還會自動重複執行代 碼，而setTimeout只執行一次那段代碼。

雖然表面上看來setTimeout只能應用在on-off方式的動做上，不過能夠通 過建立一個函數循環重複調用setTimeout，以實現重複的操做：

 

複製代碼代碼以下:

showTime();
function showTime()
{
    var today = new Date();
    alert("The time is: " + today.toString ());
    setTimeout("showTime()", 5000);
}

 

一旦調 用了這個函數，那麼就會每隔5秒鐘就顯示一次時間。若是使用setInterval，則相應的代碼以下所示：

 

複製代碼代碼以下:

setInterval ("showTime()", 5000);
function showTime()
{
    var today = new Date();
    alert("The time is: " + today.toString ());
}

 

這兩種方法可能看起來很是像，並且顯 示的結果也會很類似，不過二者的最大區別就是，setTimeout方法不會每隔5秒鐘就執行一 次showTime函數，它是在每次調用setTimeout後過5秒鐘再去執行showTime函數。這意味着 若是showTime函數的主體部分須要2秒鐘執行完，那麼整個函數則要每7秒鐘才執行一次。 而setInterval卻沒有被本身所調用的函數所束縛，它只是簡單地每隔必定時間就重複執行 一次那個函數。若是要求在 每隔一個固定的時間間隔後就精確地執行某動做，那麼最好使用setInterval，而若是不想 因爲連續調用產生互相干擾的問題，尤爲是每次函數的調用須要繁重的計算以及很長的處 理時間，那麼最好使用setTimeout。