Всем здравствуйте.
Прошу помощи у компетентных.
На странице - несколько таймеров, отсчитывающих 20 секунд.
Работают.
Под каждым таймером кнопка, нажав по которой, он должен перезапускаться.
Но, перезапускаются все.
Видимо нужно как-то привязать к конкретному id.
Как это реализовать я понять не могу...
Скрипт таймера:
function countdownTime(elem)
{
span_id = document.getElementById(elem);
bet_time = new Date;
bet_time = bet_time.getTime() + 20000;
function calculate(elem)
{
now_time = new Date;
now_time = now_time.getTime();
seconds = Math.ceil((bet_time - now_time) / 1000 * 1);
if (seconds > 0)
{
residue = seconds < 10 ? "0" + seconds : seconds;
elem.innerHTML = "00:00:" + residue;
setTimeout(function()
{
calculate(elem);
}
, 1000);
}
else
{
elem.innerHTML = "Поехали";
}
}
calculate(span_id);
}
Скрипт функции перезапуска:
function clickTimerButton(elem) {
//$('#' + elem).html('');
//clearInterval(timer);
return countdownTime(elem);
}
Html:
<span id=''>
</span>
<script language='javascript'>
countdownTime('span_id')
</script>
<button
onClick='clickTimerButton('span_id');'>
</button>
Может есть, кто реализовывал подобное?