Javascript 如何创建带小数的反动画
我有一个javascript代码,它将类为Javascript 如何创建带小数的反动画,javascript,jquery,html,Javascript,Jquery,Html,我有一个javascript代码,它将类为count的文本元素转换为动画计数器 该脚本运行良好,但不幸的是,它只适用于非十进制数字 这是我的剧本: 函数startCounter(){ $('.count')。每个(函数(){ $(this.prop('Counter',0)。设置动画({ 计数器:$(this.text()) }, { 时长:3000, 放松:"摇摆",, 步骤:功能(现在){ $(this.text(Math.ceil(now)); } }); }); } $(文档).rea
count
的文本元素转换为动画计数器
该脚本运行良好,但不幸的是,它只适用于非十进制数字
这是我的剧本:
函数startCounter(){
$('.count')。每个(函数(){
$(this.prop('Counter',0)。设置动画({
计数器:$(this.text())
}, {
时长:3000,
放松:"摇摆",,
步骤:功能(现在){
$(this.text(Math.ceil(now));
}
});
});
}
$(文档).ready(函数(){
startCounter();
});代码>
6.0
600
您可以用
Math.round(num * 100) / 100
为了四舍五入到小数点后两位:
函数startCounter(){
$('.count')。每个(函数(){
$(this.prop('Counter',0)。设置动画({
计数器:$(this.text())
}, {
时长:3000,
放松:"摇摆",,
步骤:功能(现在){
$(this.text)(Math.round(现在是*100)/100);
}
});
});
}
$(文档).ready(函数(){
startCounter();
});代码>
6.0
600
如果您想一直保留小数点后两位(即使是6.00位),您可以使用toFixed(x)
。它将接受任何数字并返回一个带有x
十进制数字的字符串
函数startCounter(){
$('.count')。每个(函数(){
$(this.prop('Counter',0)。设置动画({
计数器:$(this.text())
}, {
时长:3000,
放松:"摇摆",,
步骤:功能(现在){
$(this.text(now.toFixed(2));
}
});
});
}
$(文档).ready(函数(){
startCounter();
});代码>
6.0
600