Trying to fade in text

[pob327]

This one line script fades the background color of a page nicely.

for (i = 0; i < 256; i++)
{
document.bgColor = (i++) * 256 *256 + (i++) * 256;
}

But if I try to apply the same thing to the font color of an element with this code:

for (i = 0; i < 256; i++)
{
document.getElementById("three").style.color = (i++) * 256 *256 + (i++) * 256;
}

it no longer fades, it just jumps to the last color value.
Why does it behave differently in the second snippet and how can I fade the color of text ?

 

[BillyRayPreachersSon]

Because of the nuances of a tight loop. You'd need to use a timer. Investigate "setTimeout" and "setInterval".

Hope this helps,
Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[feherke]

Hi

[ul]
[li]It is a bad idea to manually modify the loop control variable inside the instruction block. Although it is permitted in JavaScript, is not recommended.[/li]
[li]The color codes begin with sharp ( # ) character. Although the browsers are forced by the tight concurrency to forgive many negligence, is not recommended.[/li]
[/ul]

Feherke.

http://rootshell.be/~feherke/