满足条件时启动功能（具有类视图）

Question

我有这个动画代码：

 var setInter = null
 function startAnimation() {
     var frames = document.getElementById("animation").children;
     var frameCount = frames.length;
     var i = 0;
     setInter = setInterval(function () {
         frames[i % frameCount].style.display = "none";
         frames[++i % frameCount].style.display = "block";
         if(i>=18){ 
             clearInterval(setInter);
         }
     }, 100);
 }

按帧运行动画。当条件满足时，19帧，动画停止。

我想仅在#animation具有类“in-view”时启动此功能。我已经清楚了，当我滚动到那个div时，它获得了类“in-view”，但我不能让函数只在满足条件时启动，它只运行onload。

有什么想法吗？ Javascript不是我的强项：）。

Answer 1

您可以尝试 jQuery的 .hasClass()：

if($('#animation').hasClass('in-view')){
   startAnimation();
}