小编art*_*15t的帖子

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

我正在使用jQuery构建的ui选项卡.一切都有效,除了一个问题 - 我做了一个setInterval运行一个触发器("click")的函数,以便它在5000毫秒后进入下一个标签.它可以很好地运行每个选项卡,问题是如果用户手动单击选项卡,则setInterval的计时器不会在0处重新启动.例如,如果用户在0毫秒时在tab1上启动并在tab2处单击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);

                //});

            }
Run Code Online (Sandbox Code Playgroud)

javascript jquery timer eventtrigger setinterval

7
推荐指数
1
解决办法
1万
查看次数

标签 统计

eventtrigger ×1

javascript ×1

jquery ×1

setinterval ×1

timer ×1