jQuery动画十进制数增量/减量

Question

我想逐步动画两个十进制数之间的差异动画.

已经找到了Joss Crowcroft的整数解决方案,这个解决方案很好用,我在jsfiddle上做了一些例子.代码段:

$({numberValue: 35}).animate({numberValue: 100}, {
    duration: 1000,
    easing: 'linear',
    step: function() { 
        $('#dynamic-number').text(Math.ceil(this.numberValue)); 
    }
});

但是,如果我想要动画例如编号2.85到3.25,则无法完成.必须有动画两个部分,整数和小数.除了用于整数和小数的分隔动画之外,它能以简单的方式制作吗？

Answer 1

你的意思是这样吗？

var currentNumber = $('#dynamic-number').text();

$({numberValue: currentNumber}).animate({numberValue: 100}, {
    duration: 8000,
    easing: 'linear',
    step: function() { 
        $('#dynamic-number').text(Math.ceil(this.numberValue*100)/100); 
    }
});