如何创建图像循环？

Question

我有以下代码，在第5帧之后它暂停，因为否则它将继续计数。但我感兴趣的是，如果有一种方法可以创建一个循环，就好像它一遍又一遍地从第5帧开始，或者设置循环次数。

var img, i = 1;
div = document.getElementById('foo');
img = new Image();
    div.appendChild(img);
    img.src = 'frames/frame_' + i + '.jpg';
    img.id = "top";

var interval = setInterval(function() {
    i++;

    var element = document.getElementById("top");
element.outerHTML = "";
delete element;

    if(i > 5) {
        clearInterval(interval);
    } else {
        img = new Image();
        div.appendChild(img);
        img.src = 'frames/frame_' + i + '.jpg';
        img.id = "top";
    }
}, 3000);