javascript - 修复一个看起来不稳定的倒数计时器

Question

我在让我的倒数计时器看起来正确时遇到了一些麻烦。正如您在此 JSFiddle 中看到的那样，随着倒数计时器的减少，数字会稍微移动。有没有办法解决这个问题，使计时器在数字减少时保持原位？提前致谢。

此外，这是用于显示计时器的具体代码:

view.displayTimer = function() {
  var count = 500;
  var counter = setInterval(timer, 10);

  function timer() {
    if(count <= 0) {
      clearInterval(counter);
      return;
    }
    count--;
    document.getElementById("timer").innerHTML = count / 100;
  }
};

Answer 1

使用javascript toFixed用尾随零填充的函数。

替换

count / 100;

与

(count / 100).toFixed(2);

Jsfiddle.