jQuery setTimeout()函數使用方法_jquery-js教程-PHP中文網

jQuery setTimeout()函數使用方法_jquery

WBOY

發布： 2016-05-16 17:38:14

原創

1204 人瀏覽過

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); //這一句是正常的, 明白兩者之間的區別了吧});