Javascript 在html页面中自定义计数器

下面是用html（来源于互联网）建立计数器的示例

JS

$(document).ready(function() {
      var positionFromTop = 100; 
        $(window).scroll(function() {
          var $y = $(window).scrollTop();
          if ($y >= positionFromTop) {
             var i;
             for (i = 0; i <= 5400; i += 100) { 
                setTimeout(Counter_Fn(i), 3000);
            }
        }
    });
    });

    function Counter_Fn(x) {
        document.getElementById("Counter_1").innerHTML = x;
    }

0

虽然这是服务于我的基本目的，但我想补充一些细节如下

当我向下滚动到一个特定点时（一旦页面加载），我希望计数器应该启动。在当前的示例中，计数器只是在页面加载时启动，而不是等到我到达下面的位置

增量应为100而不是1

我还想在1000后有逗号分隔符

若要在用户向下滚动到页面中的某个点时运行某些代码，应将代码放入函数中，然后在$（document）.ready（）中使用：

$(document).ready(function() {
  var positionFromTop = 1234; // for example
  $(window).scroll(function() {
    var $y = $(window).scrollTop();
    if ($y >= position) {
      callyourFunctionToCount();
    }
  });
}

2） 要使用与1不同的步骤，不能使用

animate（）

。您应该使用某种定时计数器，例如，它已经被很好地描述过了。

---

3） 与第2点相同：使用计数器可以轻松设置增量值和输出格式。

谢谢。根据您的反馈，我修改了原始查询。但我现在只看到最终值，没有任何增量