关于setInterval、setTimeout在jQuery中的使用注意事项
更新时间：2011年09月28日 00:12:58 作者：
最近碰到个问题，在使用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停止的方法
- setTimeout和setInterval的区别你真的了解吗?
- Jquery中使用setInterval和setTimeout的方法
- JavaScript SetInterval与setTimeout使用方法详解
- Js中setTimeout()和setInterval() 何时被调用执行的用法
- JS中setInterval、setTimeout不能传递带参数的函数的解决方案
- setTimeout和setInterval的浏览器兼容性分析
- Javascript对象中关于setTimeout和setInterval的this介绍
- 定时器(setTimeout/setInterval)调用带参函数失效解决方法
- JS中setTimeout和setInterval的最大延时值详解
相关文章
jquery.tagsinput.js实现记录checkbox勾选的顺序
这篇文章主要为大家详细介绍了jquery.tagsinput.js实现记录checkbox勾选的顺序，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-09-09
iframe因为能和网页无缝的结合从而不刷新页面的情况下更新页面的部分数据成为可能，可是 iframe的大小却不像层那样可以“伸缩自如”，所以带来了使用上的麻烦，给iframe设置高度的时候多了也不好，少了更是不行，今天我们就来分享2种使用jquery实现iframe自适应高度的代码2014-06-06
网络上已有此功能的函数，是以纯JS实现，本文为大家介绍的使用jquery实现,需要的朋友可以参考下2014-03-03
jQuery获取Select选择的Text和Value(详细汇总)
Select选择的Text和Value在使用中可能都需要获取到它们的值，以至搜集用户的需求，本文整理了一些常用而实用的操作技巧，感兴趣的朋友可以了解下，就当巩固自己的知识了，希望本文对你有所帮助2013-01-01
jquery (show,fadeOut,Animate)简单效果
jquery (show,fadeOut,Animate)简单效果,需要的朋友可以参考下。2009-11-11
这篇文章主要为大家详细介绍了网页瀑布流布局jQuery实现方式,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-10-10
这篇文章主要介绍了jQuery实现多级手风琴菜单，菜单效果更有特色，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2015-10-10
最近用jQuery来写下拉框的选项值的左右移动，放到jsp里面就不能用了，经过测试终于找到了解决方法在此与大家分享下2013-08-08
基于jquery的文本框记数器实现代码，需要的朋友可以参考下2012-09-09
jquery each想必大家对此并不陌生吧，它的使用范围还是比较广泛的，下面与大家分享个示例来介绍jquery each的使用方法，感兴趣的朋友可以参考下，希望对大家有所帮助2013-08-08
最新评论