How exactly does a background fader script work???

[Nick]

Does a background fader work by...


A) Changing the color after a long 'loop' statement???

B) Changing the color, then waiting a bit, then changing the color
again???


To me it seems B would be less cpu/browser intensive. Does anyone know
how exactly this works and an example script? Thanks! -Nick

 

[Evertjan.]

Nick wrote on 18 jul 2003 in comp.lang.javascript:

Does a background fader work by...


A) Changing the color after a long 'loop' statement???

B) Changing the color, then waiting a bit, then changing the color
again???


To me it seems B would be less cpu/browser intensive. Does anyone know
how exactly this works and an example script? Thanks! -Nick

<http://www.google.com/search?q="background fader""javascript">

249 hits

 

[Nick]

Well I found a good simple example script.

The setTimeout() function was the snip I guess I was looking for. Ive
seen many other scripts that just rely on a loop to change the colors
- the problem though - faster cpu, the faster colors change; not very
uniform. The setTimeout() fixes that. Here it is!!!



<script language="Javascript">
// 'i' increments the RGB values
// 't' changes the frequency of time
var t = "10";
function fader(i) {
var RGBstring = "rgb("+i+","+i+","+i+")";
document.bgColor = RGBstring;
setTimeout("fader("+(i-1)+")",t);
}
</script>

<FORM NAME="background">
<INPUT TYPE="button" VALUE="Start" onClick="fader(255)">
</FORM>