Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何创建带小数的反动画_Javascript_Jquery_Html - Fatal编程技术网

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

我有一个javascript代码,它将类为
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