爲什麼這個簡單的JavaScript增量和減量方法不起作用？

Question

(function() { 
    var count = { 
     digit: 0, 
     increment: function() { 
      var interval = setInterval(function() { 
       if (++count.digit == 10) { 
        clearInterval(interval); 
        count.decrement(); 
       } 
       var update = document.getElementById("liveUpdate"); 
       update.innerHTML = count.digit; 
      }, 500); 
     }, 
     decrement: function() { 
      var interval = setInterval(function() { 
       if (--count.digit == -1) { 
        clearInterval(interval); 
       } 
      }, 500); 
     } 
    }; 
    count.increment(); 
})(); 

它停下來，但它不會停下來？可能是什麼問題呢？

Answer 1

您的decrement函數從不更新任何地方的輸出。變量是正在關閉，但不顯示在屏幕上。

嘗試（或檢查相應的JSFiddle）：

(function() { 
    var update = document.getElementById("liveUpdate"); 
    var count = { 
     digit: 0, 
     increment: function() { 
      var interval = setInterval(function() { 
       if (++count.digit == 10) { 
        clearInterval(interval); 
        count.decrement(); 
       } 
       update.innerHTML = count.digit; 
      }, 500); 
     }, 
     decrement: function() { 
      var interval = setInterval(function() { 
       if (--count.digit == -1) { 
        clearInterval(interval); 
       } 
       update.innerHTML = count.digit; 
      }, 500); 
     } 
    }; 
    count.increment(); 
})(); 

Answer 2

setInterval將每500秒調用一次該函數。它不會停止，直到你停下來。你可以閱讀更多關於在Stop setInterval call in JavaScript

Answer 3

它不是一個錯誤，它是一個功能;-)。 setInterval()以給定間隔（500 ms）在循環中運行給定函數。有關詳細信息，請參閱此article。