我们通过例子来说明一下jquery中settimeout的几种使用方法, 首先准备好测试用的div和公共函数:
复制代码 代码如下:
原生态 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);
//用法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); //这一句是正常的, 明白两者之间的区别了吧
 });