javascript - Jquery 达到目标时计数减慢动画

Question

$(this).prop('Counter', 0).animate({
                            Counter: 123456789
                        }, {
                            duration: 2000,
                            easing: 'easeOutBack',
                            step: function (now) {
                                   $(this).html(parseFloat(now).toFixed(2));
                            },
                            complete: function () {
                            }
});

在此代码中，数字以相同的速度运行直至结束。我需要当达到目标时数字运行速度会减慢。

Answer 1

您可以为速度设置一个变量，并通过步长来增加该变量。在您的示例中是:

var speed = 2000;
$(this).prop('Counter', 0).animate({
        Counter: 123456789
    }, {
        duration: speed,
        easing: 'easeOutBack',
        step: function (now) {
            $(this).html(parseFloat(now).toFixed(2));
            if(counter < 1000){
                speed += 100;
            }   
        },
        complete: function () {
        }
    });