夏日博客

A-A+

jQuery中setInterval、setTimeout找不到对象解决办法

2016年01月10日 前端设计 暂无评论 阅读 5 views 次

setInterval、setTimeout函数我相信各位并不陌生了它是定时功能了，但小编在jQuery中使用setInterval、setTimeout时碰到找不到对象问题，下面我们一起来看看吧。

最近碰到个问题，在使用jquery写定时器时，总是会出现fn不存在的错误提示,以前写定时器的时候，总是习惯直接:

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

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

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

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

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

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

  1. $(function(){   
  2.    
  3. $.extend({   
  4.    
  5. fn:function(){   
  6.    
  7. alert("im fn!");   
  8.    
  9. }   
  10.    
  11. });   
  12.    
  13. setInterval("$.fn()",2000);   
  14.    
  15. });  

以上写法都是没什么问题的。但是如果需要传递参数该如何？像上面第一种写法:

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

如果写成:

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

就报错了。这个比较经典，比较白痴,这时你可以内置一个function,写成:

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

这样也是可以的。

至于第二种方法如何传递，这就更简单了，我就不多说了。发到博客仅当记忆使用，都是基础啊！也是初学者容易犯错的地方！
还是补充下第二种传参的方法。先看段代码:

  1. $(function(){   
  2.    
  3. $start = 1;   
  4.    
  5. $.extend({   
  6.    
  7. a:function(t){   
  8.    
  9. $index = t;   
  10.    
  11. alert($index);   
  12.    
  13. $start++;   
  14.    
  15. }   
  16.    
  17. });   
  18.    
  19. setInterval("$.a("+$start+")",2000);   
  20.    
  21. });  

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

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

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

  1. $(function(){   
  2.    
  3. $start = 1;   
  4.    
  5. $.extend({   
  6.    
  7. a:function(t){   
  8.    
  9. $index = t;   
  10.    
  11. alert($index);   
  12.    
  13. $start++;   
  14.    
  15. }   
  16.    
  17. });   
  18.    
  19. setInterval("$.a($start)",2000);   
  20.    
  21. });  

这时$start才会被解释成变量。语句相当于function(){a(变量)}，而不是function(){a(值)}。

标签：

给我留言