Анимашка

[JustixLoL]

Пытаюсь сделать спрайтовую анимацию.Есть 21 кадр(21 картинка)
функция:
function sprite(){
   
        for(var i=1;i<=20;i++){
    document.myImage.src= "/data/оформление/" + i + ".png";
                              }
          setTime(sprite(),10);   
                         }
   

Вызываю при загрузке(onLoad) последнего блока,сама картинка слева вверху.

То есть должны менятся картинки,но ничего не происходит,хотя страничка грузится подольше.

Помогите,мб в коде ошибка,и где вызывать.

Нужно чтобы эта функция работала пока страница открыта(ну обычная анимашка на сайте)

[hanslinger]

1) спрайт нужно склеить в одну картинку
2) setTimeout

[artak.navasardyan]

Просто поставьте timeout, set timeout Имя функции , вот примерь
var myVar=setInterval(function(){myTimer()},1000);

function myTimer()
{
var d=new Date();
var t=d.toLocaleTimeString();
document.getElementById("demo").innerHTML=t;
}