Javascript JS计数一次一个

到目前为止，我已经创建了
1.当一行在视图中，元素滑入时
2.计数到一个数字的计数器

我想改进2号，这样计数器只在看到的时候启动，而且它们不会一次全部熄灭，而是先从左边开始，然后在它结束时下一个计数器熄灭，依此类推

有人能帮我吗

这是我用相同代码创建的JSFIDLE：

//窗口和动画项
var animation_elements=$.find（'.animation element'）；
var web_window=$（window）；
//检查是否当前查看任何动画容器
函数检查\u如果\u在\u视图（）中{
//获取当前窗口信息
var window_height=web_window.height（）；
var window_top_position=web_window.scrollTop（）；
变量窗口底部位置=（窗口顶部位置+窗口高度）；
//遍历元素以查看其是否在视图中
$.each（动画元素，函数（）{
//获取元素信息
var元素=$（此）；
var element_height=$（element）.outerHeight（）；
var element_top_position=$（element）.offset（）.top；
变量元素底部位置=（元素顶部位置+元素高度）；
//检查当前容器是否可见（如果存在于视口的可视空间之间，则其可视）
如果（（element_-bottom_-position>=window_-top_-position）&&（element_-top_-position），用户可以通过从该链接下载来计算js


您只需要包含以下内容

<script src="https://cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.0/jquery.waypoints.min.js"></script>
<script src="jquery.counterup.min.js"></script>

希望这对您有所帮助
您可以通过此链接下载来使用js


您只需要包含以下内容

<script src="https://cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.0/jquery.waypoints.min.js"></script>
<script src="jquery.counterup.min.js"></script>

希望这对您有所帮助
谢谢您的帮助！：）还有一个问题。当我设置更高的数据计数器延迟时，延迟之后，它会直接跳到最终数字，而不是计数。您可能知道为什么会发生这种情况吗？谢谢您的帮助！：）还有一个问题。当我设置一个更高的数据计数器延迟时，延迟之后它会直接跳到最后一个数字，而不是计数。你知道为什么会发生这种情况吗？
<span class="counter" data-counterup-time="1500" data-counterup-delay="30" data-counterup-beginat="100">1,234,567.00</span>

$('.counter').counterUp();