rounding up a bunch of setTimeouts

[ctoz]

With a lot of help, I've arrived at a function which changes two styles on a single element:

function boxDC (boxname,display,color) {
    box = document.getElementById(boxname);
    box.style.display = display;
    box.style.color = color;
}
 

This is to be applied to a bunch of divs at regular intervals. I can do it primitive:

function fireOne() { 
boxDC('jim','block','white');
setTimeout('boxDC(\'jon\',\'block\',\'white\') ' ,60);
setTimeout('boxDC(\'tom\',\'block\',\'white\') ' ,120);
}

but the bunch is bigger than 3 divs. So it looks like an array is needed, and a loop, which is where I'm having problems:

function fireOne() {
// 32 divs
 oneWhite = new Array("jim","jon","tom", ... thru to "bob");
 
function boxDC (boxname,display,color) {
    box = document.getElementById(boxname);
    box.style.display = display;
    box.style.color = color; 
}
 
 for (i = 0; i < oneWhite.length; i++)  {
setTimeout('boxDC(\'boxname\',\'block\',\'white\')', 60) 
}
}

looks close, but no cigar so far.

cheers

CT

[gits]

hi ...

in your loop:

oneWhite[i]
 

is your desired boxname instead of 'boxname' ;)

kind regards