HTML point - Javascript - Background random alla pressione di un bottone

HTML point - raccolta di Javascript

Background random alla pressione di un bottone

Questo script permette di modificare i colori di background in modo sequenziale, cioe' a seconda delle combinazioni che noi stessi scegliamo. Naturalmente anche il tempo di intervallo tra un colore e l'altro puo' essere da noi regolato.

<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">

Premi uno di questi bottoni:

<INPUT TYPE="button" VALUE="prova1" onClick="cycle(rainbow)">

<INPUT TYPE="button" VALUE="prova2" onClick="cycle(fade)">

<INPUT TYPE="button" VALUE="prova3" onClick="cycle(greens)">

<INPUT TYPE="button" VALUE="prova4" onClick="cycle(sunset)">

<INPUT TYPE="button" VALUE="prova5" onClick="cycle(psyc)"><P>

intervallo temporale (in decimi di secondo):

<INPUT TYPE="text" SIZE="8" NAME="interval" VALUE="50">

</FORM>

links

Gif animate

Sfondi

Midi

Guida in italiano a Geocities

Controllo qualità

Area download, scarica le risorse di HTML point in files zippati