javascript - 使用步骤选项使用 .animate() 函数每秒不会减少计数器

Question

我需要在 90 秒内制作一些动画

我使用了 .animate() 函数及其中的步骤选项。

当还剩 0 秒时，它会变成 0，但数字不会每秒递减 !!

引用this fiddle

function timeRunner() {
    $("#TimeIndicator").animate({
        width: "0px"
    }, {
        duration: 90000,
        step: function (now) {
            var percent = (Math.round(now) / 136) * 100;
            var timeleft = (percent) * (0.9);

            $("#TimeIndicator").html(Math.round(timeleft));

        },
        complete: function () {
            timerReset();
        }
    })
};

function timerReset() {
    $("#TimeIndicator").animate({
        width: "136px"
    }, 0, function () {
        timeRunner();
    });
};

Answer 1

因为动画的默认设置为easing是摇摆。将其设置为线性