修复看起来波涛汹涌的倒数计时器

时间:2015-02-10 01:12:39

标签: javascript html css

让我的倒数计时器看起来有点麻烦。正如您在此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;
  }
};

1 个答案:

答案 0 :(得分:5)

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

替换

count / 100;

(count / 100).toFixed(2);

Jsfiddle.