jQuery中setTimeout的幾個使用方法小結_jquery

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

複製程式碼 程式碼如下:

 
 

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

複製程式碼 程式碼如下:

 //原生態javascript 中的基本用法
 functionfunA(){
     log('funA...');
     setTimeout('funA()', 1000);
 }
🎜>
以下是jQuery中setTimeout的幾個使用方法. 線上實例

複製程式碼 程式碼如下: //jery 的用法

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

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

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

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

     funC(1);

   :  //4 用在功能命名空間上增加功能更適用於媒體。廣
     $.extend({
         funD:function(v){
         setTimeout("$.funD(" (v 1) ") ",1000);
         }
     });
     $.funD(100);
     $.funD(100);
 ,};
用法2和用法3的區別很明顯, 但用法3和用法4的區別在哪裡呢?為什麼說用法4比用法3適用面更廣呢?通過下面這個例子可以很直觀的明白二者的區別:

複製程式碼

程式碼如下:

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

 jQuery(> });

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