Как сбросить таймер setInterval? - PullRequest
Новая
       5

Как сбросить таймер setInterval?

65 голосов
/ 14 ноября 2011

Как мне сбросить таймер setInterval обратно на 0? 

var myTimer = setInterval(function() {
  console.log('idle');
}, 4000);

Я пытался clearInterval(myTimer), но это полностью останавливает интервал. Я хочу, чтобы он перезапустился с 0.

Ответы [ 2 ]

133 голосов
/ 14 ноября 2011

Если под «перезапуском» вы подразумеваете запуск нового 4-секундного интервала в этот момент, то вы должны остановить и перезапустить таймер.объект, который предлагает функцию сброса: 

function Timer(fn, t) {
    var timerObj = setInterval(fn, t);

    this.stop = function() {
        if (timerObj) {
            clearInterval(timerObj);
            timerObj = null;
        }
        return this;
    }

    // start timer using current settings (if it's not already running)
    this.start = function() {
        if (!timerObj) {
            this.stop();
            timerObj = setInterval(fn, t);
        }
        return this;
    }

    // start with new interval, stop current interval
    this.reset = function(newT) {
        t = newT;
        return this.stop().start();
    }
}

Использование: 

var timer = new Timer(function() {
    // your function here
}, 5000);


// switch interval to 10 seconds
timer.reset(10000);

// stop the timer
timer.stop();

// start the timer
timer.start();

Рабочая демонстрация: https://jsfiddle.net/jfriend00/t17vz506/

11 голосов
/ 14 ноября 2011

После очистки интервала с помощью clearInterval вы можете setInterval еще раз. И чтобы избежать повторения обратного вызова, выведите его как отдельную функцию: 

var ticker = function() {
    console.log('idle');
};

, то: 

var myTimer = window.setInterval(ticker, 4000);

затем, когда вы решите перезапустить: 

window.clearInterval(myTimer);
myTimer = window.setInterval(ticker, 4000);
...