Показать сообщение отдельно
  #1 (permalink)  
Старый 11.06.2014, 12:01
Интересующийся
Отправить личное сообщение для Drugpunker Посмотреть профиль Найти все сообщения от Drugpunker
 
Регистрация: 19.03.2014
Сообщений: 23

Перезапуск одного таймера из нескольких
Всем здравствуйте.
Прошу помощи у компетентных.
На странице - несколько таймеров, отсчитывающих 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>


Может есть, кто реализовывал подобное?
Ответить с цитированием