Javascript 当div滚动到视图中时启动计数器

我有一个计数器，从0到某个数字。 包含计数器的div在页面的下方很远-当用户到达那里时，计数器很可能已经达到最大值并停止。

---

当counter div滚动到视图中时，如何触发该函数？

有一个jQuery脚本，它在调用的视口中的元素时执行操作。将其链接到HTML文件，然后在div处于inview状态时使用以下命令绑定事件

function increment() {
    $('div').one('inview', function (event, visible) {  //one animates it once
        if (visible == true) {
            // element is now visible in the viewport
            var interval = setInterval(function () {
                $('#number').text(number);
                if (number >= target){
                    clearInterval(interval);
                }
                number++;
            }, 50);
        } else {
            // element has gone out of viewport
        }
    });
}
$(window).on("load", increment);