Jquery中setInterval、setTimeout使用要注意的问题

发布时间:2020-03-14编辑:脚本学堂
为大家介绍Jquery中使用setInterval、setTimeout时要注意的一些问题,有兴趣的朋友,可以参考学习下。

1、用jquery写定时器时,总是会出现fn不存在的错误提示,这是为什么呢?
写定时器时习惯直接:
 

复制代码 代码示例:
setInterval("fn()",2000);
 

最近总是提示有问题,如下:
 

复制代码 代码示例:
$(function(){setInterval("fn()",2000);})
 

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

复制代码 代码示例:
$(function(){setInterval(fn,2000);})

另外的方法,就是要书写jq的扩展,如下:
 

复制代码 代码示例:
$(function(){
$.extend({
fn:function(){
alert("im fn!");
}
});
setInterval("$.fn()",2000);
});

2、如果需要传递参数,又该如何呢?

像上面第一种写法,
 

复制代码 代码示例:
$(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(值)}。

说了这么多,你都看明白了吗?不明白的话,重头再看一遍吧,加深下理解。