動畫功能停止在隨機位置

Question

我有一個問題，我有一個動畫功能，動畫的圖像列表。當我調用函數時，我給它每秒的幀數，當它需要停止時，列表元素包含所有圖像。但由於某種原因，動畫停止在隨機位置。 請幫忙。

var StartAnimation = function(fps, end, idss){ 
var startTime = new Date().getTime(); 
var frames = document.getElementById(idss).children; 
var frameCount = frames.length; 
var i = 0; 

var interval = setInterval(function(){ 

    if(new Date().getTime() - startTime > end){ 
     clearInterval(interval); 

     $('#'+idss+ '> div > img').css('display','none'); 

    } 

    //animate files 
    frames[i % frameCount].style.display = "none"; 
    frames[++i % frameCount].style.display = "block"; 

}, fps); 

}

Answer 1

我得到了它通過使用此代碼的工作：

if(new Date().getTime() - startTime > end){ 
     clearInterval(interval); 
     $('#'+idss).find($('img')).css('display','none'); 
     $('#'+idss).children().first().css('display','block'); 
    }