Javascript动画计数器是';还不够具体
因此,我正在制作一个工作非常好的计数器,只是不够具体:Javascript动画计数器是';还不够具体,javascript,math,Javascript,Math,因此,我正在制作一个工作非常好的计数器,只是不够具体: <div class="sosm youtube"> <h3 class="names">Youtube</h3> <h3 class="number" fame="60000">0000</h3> </div> <div class="sosm twitter">
<div class="sosm youtube">
<h3 class="names">Youtube</h3>
<h3 class="number" fame="60000">0000</h3>
</div>
<div class="sosm twitter">
<h3 class="names">Twitter</h3>
<h3 class="number" fame="30000">0000</h3>
</div>
<div class="sosm facebook">
<h3 class="names">Facebook</h3>
<h3 class="number" fame="50000">0000</h3>
</div>
<div class="sosm likedin">
<h3 class="names">Linkedin</h3>
<h3 class="number" fame="1000">0000</h3>
</div>
Youtube
0000
啁啾
0000
脸谱网
0000
Linkedin
0000
下面是我使用的javascript代码:
const number = document.querySelectorAll('.number')
const speed =300
number.forEach(data => {
const fame = data.getAttribute('fame')
const speedc = fame/speed
const increment = () =>{
let display = +data.textContent
if(display < fame){
data.innerHTML = Math.ceil(display + speedc)
console.log(display)
setTimeout(increment, 1)
}else{
display = display
}
}
increment()
})
const number=document.queryselectoral('.number'))
恒速=300
number.forEach(数据=>{
const fame=data.getAttribute('fame')
const speedc=名声/速度
常量增量=()=>{
let display=+data.textContent
如果(显示
当我运行这个动画计数器时,最终的数字应该与“fame”属性匹配。虽然大多数数字都匹配,但有些不匹配,但我如何使其更具体
谢谢大家! 检查
display+speedc
的结果是否大于fame
。在这种情况下,请使用fame
。对于像fame
这样的自定义属性,您最好在每次执行Math时都使用a。当数字为小数时,ceil
会引入舍入错误。检查display+speedc
的结果是否大于fame
。在这种情况下,请使用fame
。对于像fame
这样的自定义属性,您最好在每次执行Math时都使用a。ceil
当数字为小数时,它会引入舍入错误。