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

Fixing a choppy-looking countdown timer

本文关键字：波涛汹涌 看起来 倒计时 计时器 一个      更新时间：2023-09-26

我的倒计时计时器看起来有点不对劲。正如你在这个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;
  }
};

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

更换

count / 100;

带

(count / 100).toFixed(2);

Jsfidle。

相关文章：