动画功能在任意位置停止

Question

我有一个问题，我有一个动画功能，动画的图像列表。当我调用这个函数时，我会给它每秒帧的数量，当它需要停止时，给它带所有图像的list元素。但由于某种原因，动画在随机位置停止。请帮帮忙。

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