Napisałem funkcję, która zmienia pozycjonowanie css div

Z powodzeniem używam setTimeout do wywoływania funkcji w określonym przedziale czasu

Teraz staram się wywołać funkcję na 28 różnych divach na tej samej stronie, każdy z własną prędkością.

myślałem, że mogę to zrobić za pomocą pętli for:

<code>for (var x = 0; x < 28; x++)
   { setInterval(function(){changeDirection(divlist[x])}, divs[divlist[x]].speed);}
</code>

użycie obiektu 'divs', gdzie przechowywane są prędkość i id

Jedynym sposobem, by zmusić ich wszystkich do przejścia przeciwko czasomierzowi, było wywołanie setInterval 28 razy tak ...

<code>setInterval(function(){changeDirection(divlist[1])}, divs[divlist[1]].speed);
setInterval(function(){changeDirection(divlist[2])}, divs[divlist[2]].speed);
setInterval(function(){changeDirection(divlist[3])}, divs[divlist[3]].speed);
setInterval(function(){changeDirection(divlist[4])}, divs[divlist[4]].speed);....etc
</code>

pętla for NIE działała ...

czy ktoś ma jakieś pojęcie dlaczego? i jest sposób na wywołanie setInterval na wielu różnych funkcjach z taką pętlą