gpt4 book ai didi

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

转载 作者:太空狗 更新时间:2023-10-29 15:01:42 30 4
gpt4 key购买 nike

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

已找到Joss Crowcroft's solution对于效果很好的整数,我做了 example on jsfiddle .代码片段:

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

关于jQuery动画十进制数递增/递减,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16574191/

30 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com