当目标到达时，Jquery Number计算减速动画

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 () {
        }
    });