Jednoduchá animace

Představte si tam nějaký obrázek. Použitý kód:

<img style="position: absolute; z-index: 2" id="sovicka" src="sova.gif" >

<script>
var x = 0, y = 0;
// var pripadne parametry

function vypoctiPozice(){
x = x + 2;
y = y + 1;
// pripadne slozitejsi vypocty podle parametru
}

function zmenPozici(ideckoObjektu){
document.getElementById(ideckoObjektu).style.top = y + "px";
document.getElementById(ideckoObjektu).style.left = x + "px";
}

//casovani, musi byt v dokumentu za tim prvkem, ktery se hybe
setInterval("vypoctiPozice(); zmenPozici('sovicka');", 300)
</script>
 

Související: Časování v JavaScriptu, intervaly, Dynamické HTML, jednoduché základy