关于setInterval、setTimeout在jQuery中的使用注意事项
2016-11-30 11:09
465 查看
最近碰到个问题,在使用jquery写定时器时,总是会出现fn不存在的错误提示以前写定时器的时候,总是习惯直接
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(值)}。
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(值)}。
相关文章推荐
- 关于setInterval、setTimeout在jQuery中的使用注意事项
- 关于setInterval、setTimeout在jQuery中的使用注意事项
- jquery中settimeout与setInterval使用时的注意事项
- [JQuery]关于使用jsp:include标签及<%@ include标签时要注意的事项
- 关于setInterval、setTimeout在jQuery中的使用
- 关于使用jQuery-form.js上传文件的注意事项
- 关于距离变换函数distanceTransform使用注意事项
- 关于使用AlarmManager的注意事项
- [C/C++]_[初级]_[关于Gdiplus::Bitmap使用的注意事项]
- 关于使用GHOST进行磁盘对拷整盘镜像以及镜像恢复的一些注意事项
- 关于 aws 免费使用12月注意事项
- 使用jQuery的一些注意事项总结(持续更新......)
- 关于margin使用的注意事项
- 关于jquery form表单序列化的注意事项详解
- setinterval和settimeout使用注意
- 关于网格比较工具metro使用的几点注意事项
- 关于stl标准容器中的迭代器的使用注意事项
- 关于UITableView使用注意事项
- 关于使用READ TABLE语句的几点注意事项
- 关于 vector 中 erase 函数的使用注意事项