Javascript анимированный счетчик не указан c достаточно - PullRequest
1 голос
/ 18 июня 2020

Итак, я делаю счетчик, который отлично работает, просто не хватает c:

<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>

, а вот код 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()
})

Когда я запускаю этот анимированный счетчик, окончательное число должно совпадать с атрибутом «слава». Хотя большинство чисел совпало, а некоторые нет, как мне сделать его более конкретным c?

Спасибо!

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...