Javascript 动画功能在任意位置停止

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

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

---

}

我使用以下代码使其工作：

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