Bunte Farben (rot bis weiß)

123123123

Erfahrenes Mitglied
Hallo!
Der Anfangscode :

Code:
<script>
		function farbe()
		{
			var oBox = document.getElementById('farbbox');

			var farbe = '#FF0000';
	
			oBox.style.backgroundColor = farbe;
			//console.log (1);

		}
		
		window.setInterval('farbe()', 1000);
	</script>

So wie kriege ich hin, dass die Farben sich von rot bis weiß verändern? Also erst diese Farbe ''FF0000', dann '#FF0033' und dann bis '#FFFFFF'. Soll das mit ne for schleife gehen oder wie? Danke :)
 
Du definierst eine global gültige Variable die als Zähler dient. Mit diesem Zähler wird jeweils die nächste Farbe aus den "Farb-Array" ermittelt.
Den Array übergibst du die gewünschten Farcodes in der gewünschten Reihenfolge.

HTML:
<script>
nummer = 0;

function farbe() {

var oBox = document.getElementById('farbbox');
var farbe = new Array('#FF0000', '#FF0033', '#FFFFFF');

oBox.style.backgroundColor = farbe[nummer];
if (nummer >= 2) {
    nummer = 0;
} else {
    nummer++;
}

}

window.setInterval('farbe()', 1000);
</script>

<div id="farbbox" style="width: 200px; height: 200px;">&nbsp;</div>
 

Neue Beiträge

Zurück