¿Cómo restablezco un setInterval
temporizador 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.
¿Cómo restablezco un setInterval
temporizador 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.
Respuestas:
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/
Una vez que borre el intervalo utilizando clearInterval
, podría setInterval
una 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);
setInterval(myTimer, 4000)
, debería serlo setInterval(ticker, 4000);
.