Wie kann man in Javascript "for"-Schleifen verlangsamen?
Ich arbeite jetzt ein Jahr an Webseiten (Anfänger) und kenne mich schon mit den Basics von HTML, CSS, php und mySQL aus. Javascript brauche ich jetzt, ich will nämlich den Hintergrund einer Website im nachhinein verändern. Heißt: Nach einem "Intro" soll sich reibungslos die Hintergrundfarbe verändern. Nach ein paar Codeschnipseln bin ich nun so weit: var a = 64; b = 64; c = 64; function bgColor() { a++; b++; c++; document.body.style.backgroundColor= 'rgb(' + a + ',' + b + ',' + c + ')'; }
for (var i = 1; i < 200; i++) { setTimeout(function test(){ bgColor(); }, 1000) document.write(a); } Warum funktioniert das nicht? Die Farbe ändert sich sofort... document.write(a); ist mein debug, und es wird dauerhaft 64 ausgegeben. Ich habe schon mehrere Wege versucht, jetzt bin ich verzweifelt .. kann man die for-Schleife irgendwie anders verlangsamen?