jQuery setTimeout()函數使用方法_jquery

setTimeout()
從載入後延遲指定的時間去執行一個表達式或是函數;
只執行一次;和window.clearTimeout一起使用.

我在

複製程式碼 程式碼如下:

$read(document). (){
setTimout(test(),200);
function test()
{
alert(1);
}
});

只會執行一次，有朋友說可以用

複製程式碼 程式碼:

setInterval ("showTime()", 5000);
function showTime()
{
    var today = new Date();
   time( " today.toString ());
}

但我呼叫下面方法也可以跟setInterval一樣哦

複製程式碼 程式碼如下:

jQuery中setTimeout的幾個使用方法


jQuery 中setTimeout/setInterval 不能像在原始生態javascript 中那樣使用, 否則會報錯.

我們透過範例來說明一下jQuery中setTimeout的幾個使用方法, 首先準備好測試用的DIV和公共函數:



複製程式碼


程式碼如下:

functionlog(s){ $('#div_debug').append(s '
'); }

//下文測試用的程式碼可以放在這一行註解的下面,替換掉//...
//...




原始生態javascript 中的setTimeout 基本用法是像這樣子的.





複製程式碼

複製程式碼

複製程式碼> //原生態javascript 中的setTimeout 基本用法functionfunA(){

log('funA...');

setTimeout('funA()', 1000) ;
}
funA();



以下是jQuery中setTimeout的幾種使用方法. 線上實例

複製程式碼

程式碼如下:

//jQuery 中的用法
functionfunA(){
log('funA...');
setTimeout('funA()', 1000);
}

jQuery(document).ready(function($){
//用法1 : 把要呼叫的函數寫在ready外面,使它成為全域函數
funA();

//用法2 : 直接寫函數名,不能帶括號也不能帶引號,適合沒有參數的函數
functionfunB(){
log('funB...');
setTimeout(funB, 1000);
}
funB();

//用法3 : 透過呼叫匿名函數來執行,適合有帶參數的函數
functionfunC(v){
log('funC...' v);
setTimeout(function(){funC(v 1)}, 1000);
}
funC(1);

}
funC(1);

//用法4 : 透過在jQuery命名空間上增加函數,適用面更廣
$.extend({
funD:function(v){
log('funD...' v) ;
setTimeout("$.funD(" (v 1) ")",1000);
}
});

$.funD(100);
});

用法2和用法3的區別很明顯, 但用法3和用法4的區別在哪裡呢?為什麼說用法4比用法3適用面更廣呢?通過下面這個例子可以很直觀的明白二者的差別: 複製程式碼

程式碼如下:






>jQuery(document).ready(function($){
//用法3 : 透過呼叫匿名函數來執行,適合有帶參數的函數
functionfunC(v){
log('funC. ..' v);
setTimeout(function(){funC(v 1)}, 1000);
}

//用法4 : 透過在jQuery命名空間上增加函數,調用起來更方便
$.extend({
funD:function(v){
log('funD...' v);
setTimeout("$.funD(" (v 1) ")",1000);
}
});

}); jQuery(document).ready(function($){ //funC(1) ; //去掉註解後執行這一句時會報錯$.funD(100); //這一句是正常的, 明白兩者之間的區別了吧});