¿Cómo reinicio el temporizador setInterval?

81

¿Cómo restablezco un setIntervaltemporizador a 0?

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

Lo intenté clearInterval(myTimer)pero eso detiene completamente el intervalo. Quiero que se reinicie desde 0.

Rik de Vos
fuente

Respuestas:

171

Si con "reiniciar" quiere comenzar un nuevo intervalo de 4 segundos en este momento, debe detener y reiniciar el temporizador.

function myFn() {console.log('idle');}

var myTimer = setInterval(myFn, 4000);

// Then, later at some future time, 
// to restart a new 4 second interval starting at this exact moment in time
clearInterval(myTimer);
myTimer = setInterval(myFn, 4000);

También puede usar un pequeño objeto temporizador que ofrece una función de reinicio:

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 or original interval, stop current interval
    this.reset = function(newT = t) {
        t = newT;
        return this.stop().start();
    }
}

Uso:

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();

Demostración de trabajo: https://jsfiddle.net/jfriend00/t17vz506/

jfriend00
fuente
Hermoso objeto. ¡Siempre me siento bien cuando veo a alguien usando OOP en javascript! ¡Gracias!
Fortin
12

Una vez que borre el intervalo utilizando clearInterval, podría setIntervaluna vez más. Y para evitar repetir la devolución de llamada, externalícela como una función separada:

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

entonces:

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

luego, cuando decida reiniciar:

window.clearInterval(myTimer);
myTimer = window.setInterval(ticker, 4000);
Darin Dimitrov
fuente
¿pero cómo? clearInterval (myTimer) y luego setInterval (myTimer, 4000) no funciona :(
Rik de Vos
@RikdeVos, ¿por qué no funciona? Además, no lo es setInterval(myTimer, 4000), debería serlo setInterval(ticker, 4000);.
Darin Dimitrov