setTimeout() Animation

        var bild = document.getElementById("krippe");
        bild.onclick = function(){
            ani(10);
        }
        
        function ani(i) {
            bild.style.width = i+"px";
            if(i< 250){
                setTimeout(function(){ani(++i)},1)
            }          
        }
  

---

Bitte Bild anklicken

setTimeout(Funktionsreferenz, Verzögerung in Millisekunden);

Hier wird die Funktion ani(++i) immer wieder aufgerufen, jeweils mit einem erhöhten Wert, welcher dem Bild als Breite zugewiesen wird. Wenn die Breite von 250 Pixeln erreicht ist, ist Schluss.

---

Javascript Tipps