重置的setInterval在JS

Question

代碼看起來像這樣：

function startTimer(counter) { 
    var interval = setInterval(function() { 
     counter--; 
     $('#timer').html(counter); 
     // Display 'counter' wherever you want to display it. 
     if (counter == 0) { 
      clearInterval(interval); 
      $('#question').html("Time ended"); 
      setTimeout(function() { 
       window.location.href = "/"; 
      }, 5000); 
      return false; 
     } 
    }, 1000); 
} 

我想要做的是，當我多次調用該函數，每次都定時器復位到30秒，殺死所有過去的事例。目前，當我多次打電話時，它會因過去的實際情況而變得混亂起來。我究竟做錯了什麼？

Answer 1

你必須定義功能外VAR間隔：

var interval; 
    function startTimer(counter) { 
     interval = setInterval(function() { 
      counter--; 
      $('#timer').html(counter); 
      // Display 'counter' wherever you want to display it. 
      if (counter == 0) { 
       clearInterval(interval); 
       $('#question').html("Time ended"); 
       setTimeout(function() { 
        window.location.href = "/"; 
       }, 5000); 
       return false; 
      } 
     }, 1000); 
    }