Javascript 秒表以 2 的幂递增

Question

我的简单秒表有以下代码，它只计算秒数，没有任何格式:

function countDown(from, interval, callback) {
   interval = interval || 1000;
   var current = 0;
   var onCount = function() {
      current++;
      if (current <= from) {
         callback(current, from);
         setInterval(onCount, interval);
      }
   }

   onCount();
}

这是通过 onclick 调用的，代码如下:

countDown(600, 1000, function(current, from) {
   time_out.innerHTML = current;
});

放入console.log(current)，我可以看到两个问题。首先，虽然它确实遍历了每个数字，但它似乎变得越来越快，是 2 的幂。在输出 div 中，第一个刻度为 1，第二个刻度为 2，第三个刻度为 4，第四个刻度为 8，依此类推。此外，当达到 600 时，它实际上并没有停止计数，即使它停止更新 div。我在这里做错了什么？

Answer 1

您使用 setInterval每次调用该函数时，都会以设定的时间间隔调用回调，从而导致对 countDown()

的多次调用

也许您想使用 setTimeout function相反，它只会在延迟后调用该函数一次。