jQuery设置十进制数递增/递减的动画

我想一步一步地制作两个十进制数字之间的差异动画

我已经找到了一个很好用的整数，我已经做到了。 代码段：

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

但是，如果我想制作动画，例如2.85到3.25，就不能这样做。必须为整数和小数两部分设置动画。除了整数和小数的单独动画外，它能以更简单的方式制作吗？

你的意思是这样吗

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

试试这个

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

$({numberValue: currentNumber}).animate({numberValue: 100}, {
duration: 8000,
easing: 'linear',
step: function (now) {
        $('#dynamic-number').text(now.toFixed(2)); 
}
});

这里是

30
25
$（“div#counter”）。每个（函数（索引，元素）{
var currentNumber=$（元素）.text（）；
$（{numberValue:0}）。动画（{numberValue:currentNumber}{
持续时间：1200，
“线性”，
步骤：功能（现在）{
$（元素）.text（现在是.toFixed（0））；
}
});
});

 <span id="counter">30</span>
 <span id="counter">25</span>

$("div#counter").each(function( index,element ) {
        var currentNumber = $(element).text();
        $({numberValue: 0}).animate({numberValue: currentNumber}, {
            duration: 1200,
            easing: 'linear',
            step: function (now) {
                $(element).text(now.toFixed(0));
            }
        });
    });