首頁 > web前端 > js教程 > Jquery中使用setInterval和setTimeout的方法_jquery

Jquery中使用setInterval和setTimeout的方法_jquery

WBOY
發布: 2016-05-16 17:38:05
原創
1102 人瀏覽過

方法1. 應用jQuery的擴充可以解決這個問題。

複製程式碼 程式碼如下:

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


方法2. 指定定時執行的函數時不要使用引號和括號。
複製程式碼
程式碼如下:



function show(){
   alert("ready");
}
setInterval(show,3000);// 注意函數名稱沒有引號和括弧! "show()",3000);會報「缺少物件」
});

區別:

setTimeout()


   從載入後延遲指定的時間去執行一個表達式或是函數;

      只執行一次 ;和window.clearTimeout一起使用.

setInterval()

   在執行時,它從載入頁後每隔指定的時間執行 一個表達式或是函數;(函數類似於遞歸函數);和window.clearInterval一起使用.

補充說明:

這兩個方法都可以用來實作在一個固定 時間段之後去執行JavaScript。不過兩者各有各的應用場景。

方 法


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

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

雖然表面上看來setTimeout只能應用在on-off方式的動作上,不過可以通 過創建一個函數循環重複調用setTimeout,以實現重複的操作:

程式碼如下:


請問🎜>{
    var today = new Date();
    alert("The time is: " today.toString ());
    setTimeout("showTime()", 5000>    setTimeout("showTime()", 5000);


一旦調 用了這個函數,那麼就會每隔5秒鐘就顯示一次時間。如果使用setInterval,則對應的程式碼如下所示:

複製程式碼 程式碼如下:
setInterval ("showTime()", 5000)", 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。

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板