在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上很新).我已经注释掉了它的功能,但它仍然没有按照我的意图运行(从第一篇文章开始).

// auto change tabs
            if( options.interval ) {

                function timerCom() {
                    if( !$(".controller").hasClass('paused') ) {
                        var i = $(".tab-current > a").attr("rel");
                        //alert(i);
                        if( i == 3 ) {i = 0};
                        $container
                            .find('a')
                            .eq(i)
                            .trigger('click');
                    }    
                }

                //$("#promo-items > li > a").click(function () {
                    //var timer;
                    //if( timer != null ) {clearInterval(timer);}
                    timer = setInterval(timerCom,options.interval);

                //});

            }

解决方法

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

猜你在找的jQuery相关文章