明凯博客

关注网站技术,一个特立独行的程序员

jQuery中setInterval、setTimeout的用法和区别

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

1
setInterval("fn()",2000);

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

1
$(function(){setInterval("fn()",2000);})

解决方法是去掉引号和括号,采用最原始的方法

1
$(function(){setInterval(fn,2000);})

另外一种就是在书写jq的扩展,如下

1
2
3
4
5
6
7
8
$(function(){ 
$.extend({ 
fn:function(){ 
alert("im fn!"); 
} 
}); 
setInterval("$.fn()",2000); 
});

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

像上面第一种写法,

1
$(function(){setInterval(fn,2000);})

如果写成

1
$(function(){setInterval(fn(para),2000);})

就报错了。这个比较经典,比较白痴。

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

1
$(function(){setInterval(function(){fn(para)},2000);})

这样也是可以的。

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

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

先看段代码

1
2
3
4
5
6
7
8
9
10
11
$(function(){ 
$start = 1; 
$.extend({ 
a:function(t){ 
$index = t; 
alert($index); 
$start++; 
} 
}); 
setInterval("$.a("+$start+")",2000); 
});

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

1
setInterval("$.a(1)",2000);

那么结果也就无可厚非了。正确的写法,当然是这样

1
2
3
4
5
6
7
8
9
10
11
$(function(){ 
$start = 1; 
$.extend({ 
a:function(t){ 
$index = t; 
alert($index); 
$start++; 
} 
}); 
setInterval("$.a($start)",2000); 
});

这时$start才会被解释成变量。

语句相当于function(){a(变量)},而不是function(){a(值)}。

, , ,

相关文章

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注