Rotate Background Colors

[Total: 0    Average: 0/5]

This will rotate through background colors.

Body Code:

<SCRIPT>

function cols(c1, c2, c3, c4, c5, c6, c7){
	this.c1 = c1;

	this.c2 = c2;
	this.c3 = c3;
	this.c4 = c4;
	this.c5 = c5;
	this.c6 = c6;
	this.c7 = c7; }

rainbow = new cols("red", "orange", "yellow", "green", "blue", "indigo", "violet");

fade = new cols("white", "DDDDDD", "BBBBBB", "999999", "777777", "555555", "333333", "black");

greens = new cols("darkgreen", "forestgreen", "green", "lawngreen", "lightgreen", "limegreen", "palegreen");

sunset = new cols("skyblue", "slateblue", "violet", "darkorange", "red", "darkred", "black");

psyc = new cols("violet", "lawngreen", "violet", "lawngreen", "violet", "lawngreen", "violet");

function cycle(type){
	scheme = type;
	document.bgColor = scheme.c1;
	timerID=setTimeout('document.bgColor = scheme.c2', document.selector.interval.value * 10);
	timerID=setTimeout('document.bgColor = scheme.c3', document.selector.interval.value * 20);
	timerID=setTimeout('document.bgColor = scheme.c4', document.selector.interval.value * 30);
	timerID=setTimeout('document.bgColor = scheme.c5', document.selector.interval.value * 40);
	timerID=setTimeout('document.bgColor = scheme.c6', document.selector.interval.value * 50);
	timerID=setTimeout('document.bgColor = scheme.c7', document.selector.interval.value * 60); }

</SCRIPT>
<FORM NAME="selector">Choose a colour scheme:&nbsp;
<INPUT TYPE="button" VALUE="Rainbow" onClick="cycle(rainbow)">
<INPUT TYPE="button" VALUE="Fade To Black" onClick="cycle(fade)"><br>
<INPUT TYPE="button" VALUE="Greens" onClick="cycle(greens)">
<INPUT TYPE="button" VALUE="Sunset" onClick="cycle(sunset)"><br>
<INPUT TYPE="button" VALUE="Psychedelic" onClick="cycle(psyc)">

<P>Set colour change interval (1/10ths of a second):&nbsp;<INPUT TYPE="text" SIZE="8" NAME="interval" VALUE="50">

</form>

Times Viewed: 2

Leave a Reply

Your email address will not be published. Required fields are marked *