スタート機能（インビュークラスを持つ）

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のクラスが「ビュー内」の場合にのみ開始します。私はすでに明らかに、私はそのdivにスクロールすると、それはクラス "インビュー"を取得しますが、私は条件が満たされたときに起動する関数を取得することはできません、それはonloadを実行します。

アイデア？ Javascriptは私の強い訴訟ではありません:)。あなたがjQueryの.hasClass()で試すことができます

Answer 1

：

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