我从 Joss Crowcroft's solution 找到了这段代码,也许与这个问题类似jquery-animate-decimal-number-increment-decrement TS已经在jsfiddle上做了例子example
jQuery({someValue: 0}).animate({someValue: 110}, {
duration: 1000,
easing:'swing', // can be anything
step: function() { // called on every step
// Update the element's text with rounded-up value:
$('#el').text(Math.ceil(this.someValue) + "%");
}});
但是当我将结尾 someValue 110 更改为大数字(例如 1000000 或数百万)时,我的问题有所不同。动画数字的结尾将不再与结束 someValue 一样精确,有时它可能会以 999876 或低于 1000000 的方式结束。我怎样才能使动画数字的结束与 endValue 完全相同?
最佳答案
您可以提供一个done函数,该函数将在动画结束时调用,就像Orbling建议的那样:
$({numberValue: currentNumber}).animate({numberValue: 1000000}, {
duration: 8000,
easing: 'linear',
step: function () {
$('#dynamic-number').text(Math.ceil(this.numberValue));
},
done: function () {
$('#dynamic-number').text(Math.ceil(this.numberValue));
}
});
工作 fiddle :http://jsfiddle.net/WZC4F/
关于jquery - 递增/递减数字 jQuery,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18196781/