您的位置:首页 > Web前端 > JQuery

jquery中settimeout与setInterval使用时的注意事项

2013-03-30 11:49 489 查看
以前写定时器的时候,总是习惯直接 

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(值)}。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: