关于setInterval、setTimeout在jQuery中的使用注意事项

关于setInterval、setTimeout在jQuery中的使用注意事项_jquery

WBOY

Lepaskan： 2016-05-16 18:01:43

asal

1059 orang telah melayarinya

以前写定时器的时候，总是习惯直接

setInterval("fn()",2000);
最近碰到个问题，在使用jquery写定时器时，总是会出现fn不存在的错误提示，如下

$(function(){setInterval("fn()",2000);})
解决方法是去掉引号和括号，采用最原始的方法

$(function(){setInterval(fn,2000);})
另外一种就是在书写jq的扩展，如下

复制代码代码如下:

 
$(function(){ 
$.extend({ 
fn:function(){ 
alert("im fn!"); 
} 
}); 
setInterval("$.fn()",2000); 
}); 

以上写法都是没什么问题的。但是如果需要传递参数该如何？

像上面第一种写法，

$(function(){setInterval(fn,2000);})
如果写成

$(function(){setInterval(fn(para),2000);})
就报错了。这个比较经典，比较白痴。

这时你可以内置一个function,写成

$(function(){setInterval(function(){fn(para)},2000);})
这样也是可以的。

至于第二种方法如何传递，这就更简单了，我就不多说了。

发到博客仅当记忆使用，都是基础啊！也是初学者容易犯错的地方！

//========================

还是补充下第二种传参的方法。

先看段代码

复制代码代码如下:

 
$(function(){ 
$start = 1; 
$.extend({ 
a:function(t){ 
$index = t; 
alert($index); 
$start++; 
} 
}); 
setInterval("$.a("+$start+")",2000); 
}); 

有一些人会尝试这么去写，结果是什么？结果就是alert出来的，一直是1，不会增加。这里需要注意的是setInterval里面的第一个参数，这是一个语句，用双引号括了起来，里面的东西会被解释成变量。如果按照上面的写法，相当于

setInterval("$.a(1)",2000);
那么结果也就无可厚非了。正确的写法，当然是这样

复制代码代码如下:

 
$(function(){ 
$start = 1; 
$.extend({ 
a:function(t){ 
$index = t; 
alert($index); 
$start++; 
} 
}); 
setInterval("$.a($start)",2000); 
}); 

这时$start才会被解释成变量。语句相当于function(){a(变量)}，而不是function(){a(值)}。