快捷導(dǎo)航

Jquery中使用setInterval和setTimeout的方法

更新時(shí)間：2013年04月08日 10:31:05 作者：

有時(shí)候需要在jquery中調(diào)用setInterval和setTimeout,直接在ready中調(diào)用其他方法，會(huì)提示缺少對(duì)象的錯(cuò)誤，解決方法如下

方法1. 應(yīng)用jQuery的擴(kuò)展可以解決這個(gè)問題。

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

方法2. 指定定時(shí)執(zhí)行的函數(shù)時(shí)不要使用引號(hào)和括號(hào)。

復(fù)制代碼代碼如下:

$(function(){
function show(){
   alert("ready");
}
setInterval(show,3000);// 注意函數(shù)名沒有引號(hào)和括??！ 
// 使用setInterval("show()",3000);會(huì)報(bào)“缺少對(duì)象” 
});

區(qū)別：

setTimeout()

　　從載入后延遲指定的時(shí)間去執(zhí)行一個(gè)表達(dá)式或者是函數(shù);
僅執(zhí)行一次 ;和window.clearTimeout一起使用.

setInterval()

　　在執(zhí)行時(shí),它從載入頁面后每隔指定的時(shí)間執(zhí)行一個(gè)表達(dá)式或者是函數(shù);(功能類似于遞歸函數(shù))；和window.clearInterval一起使用.

補(bǔ)充說明：

這兩個(gè)方法都可以用來實(shí)現(xiàn)在一個(gè)固定時(shí)間段之后去執(zhí)行JavaScript。不過兩者各有各的應(yīng)用場(chǎng)景。

方法

實(shí)際上，setTimeout和 setInterval的語法相同。它們都有兩個(gè)參數(shù)，一個(gè)是將要執(zhí)行的代碼字符串，還有一個(gè)是以毫秒為單位的時(shí)間間隔，當(dāng)過了那個(gè)時(shí)間段之后就將執(zhí)行那段代碼。

不過這兩個(gè)函數(shù)還是有區(qū)別的， setInterval在執(zhí)行完一次代碼之后，經(jīng)過了那個(gè)固定的時(shí)間間隔，它還會(huì)自動(dòng)重復(fù)執(zhí)行代碼，而setTimeout只執(zhí)行一次那段代碼。

雖然表面上看來setTimeout只能應(yīng)用在on-off方式的動(dòng)作上，不過可以通過創(chuàng)建一個(gè)函數(shù)循環(huán)重復(fù)調(diào)用setTimeout，以實(shí)現(xiàn)重復(fù)的操作：

復(fù)制代碼代碼如下:

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

一旦調(diào) 用了這個(gè)函數(shù)，那么就會(huì)每隔5秒鐘就顯示一次時(shí)間。如果使用setInterval，則相應(yīng)的代碼如下所示：

復(fù)制代碼代碼如下:

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

這兩種方法可能看起來非常像，而且顯示的結(jié)果也會(huì)很相似，不過兩者的最大區(qū)別就是，setTimeout方法不會(huì)每隔5秒鐘就執(zhí)行一次showTime函數(shù)，它是在每次調(diào)用setTimeout后過5秒鐘再去執(zhí)行showTime函數(shù)。這意味著如果showTime函數(shù)的主體部分需要2秒鐘執(zhí)行完，那么整個(gè)函數(shù)則要每7秒鐘才執(zhí)行一次。而setInterval卻沒有被自己所調(diào)用的函數(shù)所束縛，它只是簡(jiǎn)單地每隔一定時(shí)間就重復(fù)執(zhí)行一次那個(gè)函數(shù)。

如果要求在每隔一個(gè)固定的時(shí)間間隔后就精確地執(zhí)行某動(dòng)作，那么最好使用setInterval，而如果不想由于連續(xù)調(diào)用產(chǎn)生互相干擾的問題，尤其是每次函數(shù)的調(diào)用需要繁重的計(jì)算以及很長(zhǎng)的處理時(shí)間，那么最好使用setTimeout。

您可能感興趣的文章: