Javascript - Zresetuj setInterval z powrotem do 0

Question

Jak zresetować timer setInterval z powrotem na 0?

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

Próbowałem clearInterval (myTimer), ale to całkowicie zatrzymuje interwał. Chcę, aby uruchomił się ponownie od 0.

Answer 1

Jeśli przez "restart", ty oznacza rozpoczęcie nowego 4-sekundowego okresu w tym momencie, następnie musisz zatrzymać i ponownie uruchomić timer.

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

---

Można też użyć trochę timera obiekt, który oferuje funkcję Reset:

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

Zastosowanie:

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

demo robocza: https://jsfiddle.net/jfriend00/t17vz506/

Answer 2

Po wyczyszczeniu przedziału za pomocą clearInterval można ponownie setInterval. Oraz w celu uniknięcia powtarzania zwrotna uzewnętrznić go jako oddzielną funkcję:

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

następnie:

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

wtedy, gdy zdecydujesz się na ponowne uruchomienie:

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