javascript - 当元素在视图中时如何启动 JavaScript？

Question

我的网站上有这个元素，它工作正常，但只设置了一个时间延迟，我希望计数器在元素可见时启动，所以当客户滚动到这个元素时

任何人都可以帮助更新代码，以便在屏幕上可见元素时开始数字吗？理想情况下，我不是开发人员，因此需要复制和粘贴新代码。

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>