以前写定时器的时候,总是习惯直接 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(值)}。
推荐阅读
70+漂亮且极具亲和力的导航菜单设计国外网站推荐
导航菜单应当足够简单以让用户快速了解它,但还要包含一些必要的元素来引导用户浏览整个网站——融入一些有创意且漂亮的设计。
向大家推荐的70款优秀的导航菜单,有些是基于CSS设计的,有些是基于CSS+JavaScript的>>>详细阅读
本文标题:关于setInterval、setTimeout在jQuery中的使用注意事项
地址:http://www.17bianji.com/kaifa2/JS/24139.html
1/2 1