JavaScript 如何制作一个带减速的递增计时器

Question

我想在我的页面上做一个倒计时。 它会设定一个目标数，并从0开始向上计数。 但是我想放慢速度。 开始高速，越来越慢到目标数。 我找不到制作此动画的好方法或库。 有人能帮我吗？谢谢

Answer 1

您应该使用 setInterval 来完成这项工作，如下所示：

var counted = 0;
var target = 10; // 10 seconds
document.write("Counted : 0");
var i = setInterval(function () {
    if (counted <= target) {
        counted++;
        document.write("Counted : " + counted);
    } else {
        clearInterval(i);
    }
}, 1000);

希望这有效，我还没有测试过。