动画功能在随机位置停止

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');
    }