在Javascript / jQuery中重启setInterval()(不带clearInterval)

前端之家收集整理的这篇文章主要介绍了在Javascript / jQuery中重启setInterval()(不带clearInterval)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用jQuery构建的ui选项卡.一切都有效,除了一个问题 – 我做了一个setInterval,它运行一个触发器(“click”)的函数,以便在5000毫秒后进入下一个标签.它可以很好地运行每个选项卡,问题是如果用户手动单击选项卡,setInterval的计时器不会重新启动为0.例如,如果用户要在0毫秒的tab1上启动并点击tab2 at 2000毫秒,setInterval不会回到0,它将从2000开始并运行到5000毫秒,然后转到tab3.我理解为什么会发生这种情况,我只是想知道是否有办法重新启动setInterval时序而不必执行clearInterval()并创建一个全新的setInterval().任何见解将不胜感激.

更新

感谢回复 – 我试图避免使用clearInterval的原因是因为我遇到了如何以clearInterval完全停止setInterval的方式编写代码的问题.代码设置为在用户单击选项卡时进行跟踪.问题是自动更改功能使用触发器(‘click’),因此当选项卡自动更改时,它也运行我写的clearInterval函数.它本身运行起来相当不错,但是一旦用户开始单击选项卡,setInterval就会表现异常,并且会无法预测地切换选项卡.我怀疑发生的事情是几个setIntervals同时运行……这是代码(如果你还没有猜到,我在javascript / jquery上很新).我已经注释掉了它的功能,但它仍然没有按照我的意图运行(从第一篇文章开始).

  1. // auto change tabs
  2. if( options.interval ) {
  3.  
  4. function timerCom() {
  5. if( !$(".controller").hasClass('paused') ) {
  6. var i = $(".tab-current > a").attr("rel");
  7. //alert(i);
  8. if( i == 3 ) {i = 0};
  9. $container
  10. .find('a')
  11. .eq(i)
  12. .trigger('click');
  13. }
  14. }
  15.  
  16. //$("#promo-items > li > a").click(function () {
  17. //var timer;
  18. //if( timer != null ) {clearInterval(timer);}
  19. timer = setInterval(timerCom,options.interval);
  20.  
  21. //});
  22.  
  23. }

解决方法

不,没有清除定时器就无法重启setInterval设置的定时器.

猜你在找的jQuery相关文章