Как запустить JavaScript, когда элемент находится в поле зрения? - PullRequest
Новая
       38

Как запустить JavaScript, когда элемент находится в поле зрения?

0 голосов
/ 22 февраля 2019

У меня есть этот элемент на моем сайте, он работает нормально, но настроен только на задержку, и я хотел бы, чтобы счетчик запускался, когда элемент виден, поэтому, когда клиент прокручивает до этого элемента

enter image description here

Может ли кто-нибудь помочь обновить код, чтобы числа начинались, когда элемент виден на экране?В идеале мне нужна копия и вставка нового кода, так как я не разработчик.

HTML 

<div id="odometer" class="odometer">1</div>
<div id="odometer2" class="odometer">1</div>
<div id="odometer3" class="odometer">1</div>

JS 

<script src="https://github.hubspot.com/odometer/odometer.js"></script>
<script>
  setTimeout(function() {
    odometer.innerHTML = 351;
  }, 3000);
  setTimeout(function() {
    odometer2.innerHTML = 3684;
  }, 4500);
  setTimeout(function() {
    odometer3.innerHTML = 110520;
  }, 5500);
</script>
...