Перезапуск setInterval () в Javascript / jQuery (без clearInterval)

Question

Я работаю над вкладками пользовательского интерфейса, созданными с использованием jQuery. Все работает, кроме одной проблемы - я сделал setInterval, который запускает функцию, которая запускает триггер («щелчок»), чтобы он переходил на следующую вкладку через 5000 миллисекунд. Он хорошо проходит по каждой вкладке, проблема в том, что если пользователь вручную нажимает на вкладку, таймер для setInterval не перезапускается обратно в 0. Например, если пользователь должен был начать с tab1 в 0 миллисекунд и нажимает на tab2 в 2000 миллисекунд, setInterval не возвращается к 0, он начнется в 2000 и будет длиться 5000 миллисекунд и впоследствии перейдет на tab3. Я понимаю, почему это происходит, мне просто интересно, был ли способ перезапустить синхронизацию setInterval без необходимости делать clearInterval () и создавать совершенно новый setInterval (). Любое понимание будет оценено.

Обновление

Спасибо за ответы. Причина, по которой я пытался избежать использования clearInterval, заключалась в том, что у меня были проблемы с тем, как написать код таким образом, чтобы clearInterval полностью остановил setInterval. Код настроен для отслеживания, когда пользователь нажимает на вкладку. Проблема в том, что функция автоматического изменения использует триггер («щелчок»), поэтому она запускает функцию 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);

                //});

            }

Answer 1

Нет, нет способа перезапустить таймер, установленный setInterval, без очистки таймера.

Answer 2

Вы не можете изменить интервалы или тайм-ауты, только очистить их. Тем не менее, должно быть просто создать функцию, которая очищает интервал, а затем сразу же запускает новый, но идентичный, с новым значением времени.

var intervalID;
var resetTimer = function() {
  if (intervalID) { clearInterval(intervalID) };
  intervalID = setInterval(function() {
    console.log('doing stuff!');
  }, 5000);
};

Answer 3

timer = setInterval(function() {
  timerCom();
}, options.interval);

Answer 4

Я знаю, что этому посту уже более 2 лет, но я столкнулся с подобной проблемой только сейчас и нашел решение.

Я писал скроллер изображений, который автоматически переключался на следующее изображение через заданный промежуток времени, и всякий раз, когда я нажимал кнопки навигации, переходы перемещались дважды.

Вот мое решение:

Сделать переменную интервала (timer в вашем случае) несколько глобальной.

т.е. в разделе options (при условии, что он был определен ранее, а затем назначен позже), добавьте пустую переменную timer.

var options = {
'interval',
//Other variables
'timer',
};

Затем дважды вызовите clearInterval при обработке события нажатия.

$("#promo-items > li > a").click(function () {

if( options.timer != null ) {
clearInterval(options.timer);
clearInterval(options.timer);
}

options.timer = setInterval(timerCom, options.interval);

});

Сработало для меня как шарм.

Опять же, извините, если это слишком поздно.