Javascript 当元素对用户可见时，对动画进行计数

我有一个问题，我现在在多个元素上使用的计数动画，对于第一个元素只启动一次

我还试图在html中设置“counting to”值。对于每个元素，是否有一种简单的方法将它们加载到js中

最后，我试图让计数动画开始时，div是可见的用户向下滚动。当其可见时，在运行动画一次后应保持原样

只有当用户将该元素滚动出可见性时，如果该元素再次可见，则该元素应重置并重新启动

有人知道我怎么解决这个问题吗

代码如下：

---

可以在动画第一次启动后向元素添加类，然后使用：not选择器选择该元素。例如，选择动画div，如下所示：

$('.animation_div:not(.animating)');

随后，当动画开始时：

$('.animation_div').addClass('animating');

---

需要在此处提供相关代码…而不是在远程站点链接中，在远程站点链接中，人们必须翻阅文件以试图找出代码可能在何处请将代码发布在此处，而不是链接网页

$('.animation_div').addClass('animating');