jQuery中setTimeout的幾種使用方法小結(jié)

更新時(shí)間：2013年04月07日 23:10:00 作者：

jQuery 中 setTimeout/setInterval 不能像在原生態(tài) javascript 中那樣使用, 否則會(huì)報(bào)錯(cuò).

我們通過(guò)例子來(lái)說(shuō)明一下jQuery中setTimeout的幾種使用方法, 首先準(zhǔn)備好測(cè)試用的DIV和公共函數(shù):

<div id="div_debug"></div>
 <script src="http://www.studyday.net/demo/jquery.js"></script> 
 <script language="JavaScript"> 
 functionlog(s){ 
     $('#div_debug').append(s+'<br>'); 
 } 

 //下文中測(cè)試用的代碼可以放在這一行注釋的下面,替換掉 //... 
 //... 

 </script> 

原生態(tài) javascript 中的 setTimeout 基本用法是像這樣子的.

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

 //原生態(tài) javascript 中的 setTimeout 基本用法 
 functionfunA(){ 
     log('funA...'); 
     setTimeout('funA()', 1000); 
 } 
 funA(); 

下面是jQuery中setTimeout的幾種使用方法. 在線實(shí)例

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

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

 jQuery(document).ready(function($){ 
     //用法1 : 把要調(diào)用的函數(shù)寫(xiě)在ready外面,使它成為全局函數(shù) 
     funA(); 

     //用法2 : 直接寫(xiě)函數(shù)名,不能帶括號(hào)也不能帶引號(hào),適合沒(méi)有參數(shù)的函數(shù) 
     functionfunB(){ 
         log('funB...'); 
         setTimeout(funB, 1000); 
     } 
     funB(); 

     //用法3 : 通過(guò)調(diào)用匿名函數(shù)來(lái)執(zhí)行,適合有帶參數(shù)的函數(shù) 
     functionfunC(v){ 
         log('funC...'+v); 
         setTimeout(function(){funC(v+1)}, 1000); 
     } 
     funC(1); 

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

用法2和用法3的區(qū)別很明顯, 但用法3和用法4的區(qū)別在哪里呢?為什么說(shuō)用法4比用法3適用面更廣呢?通過(guò)下面這個(gè)例子可以很直觀的明白二者的區(qū)別:

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

 jQuery(document).ready(function($){ 
     //用法3 : 通過(guò)調(diào)用匿名函數(shù)來(lái)執(zhí)行,適合有帶參數(shù)的函數(shù) 
     functionfunC(v){ 
         log('funC...'+v); 
         setTimeout(function(){funC(v+1)}, 1000); 
     } 

     //用法4 : 通過(guò)在jQuery命名空間上增加函數(shù),調(diào)用起來(lái)更方便 
     $.extend({ 
         funD:function(v){ 
             log('funD...'+v); 
             setTimeout("$.funD("+(v+1)+")",1000); 
         } 
     }); 
 }); 

 jQuery(document).ready(function($){ 
     //funC(1);   //去掉注釋后執(zhí)行這一句時(shí)會(huì)報(bào)錯(cuò) 
     $.funD(100); //這一句是正常的, 明白兩者之間的區(qū)別了吧 
 }); 