满足条件时启动功能（在视图中有类）答案

【问题标题】：Start function when condition is met (has class in-view)满足条件时启动功能（在视图中有类）
【发布时间】：2018-02-10 22:33:00
【问题描述】：

我有这个动画代码：

 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”类，但是我不能让函数只在满足条件时才启动，它只能在加载时运行。

有什么想法吗？ Javascript 不是我的强项 :)。

【问题讨论】：

标签： javascript jquery function class animation

【解决方案1】：

你可以试试 jQuery's .hasClass() :

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

【讨论】：