为什么这个简单的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。