Несколько таймеров на одну страницу

[xmad]

Здравствуйте,

Подскажите, пожалуйста, как на JS сделать несколько таймеров, у меня не получается.

<span id="cd">60</span>

PHP скрипт выводит время (разное), но таймер работает только с одним элементом cd, другие стоят на месте.

function cooldown() {
var cd=document.getElementById('cd');
setTimeout(cooldown,1000);
cd.innerHTML--;
if (cd.innerHTML<=0) document.getElementById('cd_text').innerHTML='';
}
setTimeout(cooldown,1000);

Да, я знаю что скрипт неверный, но я не понимаю как сделать чтобы похожий скрипт работал со всеми элементами cd :/

Подскажите?

[tt48]

id должен быть уникальным.

не понял, что в целом надо, в отдельности так:

можно сделать блок с id и в нем уже прописать span

доступ через getElementById('id').getElementsByTagName('span')

вернет массив.

Если бы не ie можно было бы через getElementsByClassName.

Другой вариант - хранить id как имя_номер и в цикле после загрузки страницы тупо скопировать в массив getElementById('cd'+i);.

Доступ к элементам DOM - http://javascript.ru/tutorial/dom/search

Edited February 2, 2011 by tt48