Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/459.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_Math - Fatal编程技术网

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
当数字为小数时,它会引入舍入错误。