Javascript 在div滚动上触发倒计时

我一直在尝试编码一个向上计数，当屏幕上显示一个特定的

div

时会触发它

我从一个论坛转到另一个论坛，但我使用的例子似乎都不适合我

只有在

div

可见时刷新页面时，才会正确触发，否则向上计数似乎不会激活

有人能帮忙吗？提前谢谢大家

HTML:

---

你说的计数是什么意思？嗨，Geoman Yabes，谢谢你的关注。很抱歉没有说得太清楚，但我的意思是当你在一个特定的div（这里是它们的父容器）上悬停时，有几个数字从0变为一个有限值。有一个JSFIDLE吗？没有，对不起，不幸的是，从来没有使用过它。你能包括你的html吗？

<section id="facts_section" style="background:#fff;">
  <h1 class="main-title">fun facts about us</h1>
  <div class="row">
    <div class="columns large-3 medium-3">
      <h2 class="count">8</h2>
    </div>

    <div class="columns large-3 medium-3">
      <h2 class="count">15</h2>
    </div>

    <div class="columns large-3 medium-3">
      <h2 class="count">80</h2><span class="percent">&#37;</span>
    </div>

    <div class="columns large-3 medium-3">
      <h2 class="count">5</h2>
    </div>
  </div>
</section>

//COUNTUP & MAP/HERO TOGGLE
$times = 0;
$(window).scroll(function() {
  var hT = $('#facts_section').offset().top,
      hH = $('#facts_section').outerHeight(),
      wH = $(window).height(),
      wS = $(this).scrollTop();
  console.log((hT - wH), wS);
  if (wS > (hT + hH - wH) && $times == 0) {
    $('.count').each(function() {
      $(this).prop('Counter', 0).animate({
        Counter: $(this).text()
      }, {
        duration: 1000,
        easing: 'swing',
        step: function(now) {
          $(this).text(Math.ceil(now));
        }
      });
    });
    $times++;
  }
});