обратный отчет без обновления страницы

[dantist433]

Добрый день уважаемые форумчане.
в javascript новичек, поэтому прошу вашей помощи.
на странице имеется два счетчика

<script type="text/javascript">
function timer(){
 var obj=document.getElementById('timer_inp');
 obj.innerHTML--;
 
 if(obj.innerHTML==0){setTimeout(function(){},1000);}
 else{setTimeout(timer,1000);}
}
setTimeout(timer,1000);
</script>

<div id="timer_inp">10</div>

это скрипт первого счетчика, т.е. после завершения он ничего не делает.
как вывести сообщение - я в курсе.
Необходимо после завершения отчета времени запустить 2 отчет времени (кое что записать в БД) и сделать так что бы 1 отчет исчез, без обновления страницы.
И тут же 2 вопрос: для 2 обратного отчета подойдет ли этот же скрипт, только с такой записью

var obj=document.getElementById('timer_inp2');

[Dilettante_Pro]

dantist433,

Необходимо после завершения отчета времени запустить 2 отчет времени (кое что записать в БД) и сделать так что бы 1 отчет исчез, без обновления страницы.

А чем второй отсчет будет отличаться от первого? Зачем первому исчезать? Может, тот же снова установить и запустить заново?

И еще: Как вы собираетесь запускать запись в БД и второй отсчет?

[dantist433]

А чем второй отсчет будет отличаться от первого? Зачем первому исчезать? Может, тот же снова установить и запустить заново?

ну можно и так, только как это реализовать?
смотри на сайте будет надписи:
1 - отчет -осталось 10 сек
2 - отчет -осталось 20 сек
3 - отчет-осталось 30 сек

при загрузке страницы начинает работать 1 отчет, остальные два остаются без изменения, но на странице показывается, после окончания отчета запускается 2 отчет времени, 3 показывается, 1 исчезает со страницы, ну и так далее.
просто не знаю как это сформулировать

И еще: Как вы собираетесь запускать запись в БД и второй отсчет?

я не знаю можно ли это сделать в javascripts, а так в php есть запись и хотелось бы после окончания отчета запустить ее

[dantist433]

Ну да, отсчет, с- через раз нажимается, сорян

[Dilettante_Pro]

<div id="timer_inp">10</div>
<div id="timer_inp1">5</div>
<div id="timer_inp2">10</div>
<script type="text/javascript">
function timer(elem_id){
 if(elem_id) { obj=document.getElementById(elem_id); }
 obj.innerHTML--;
 
 if(obj.innerHTML==0){setTimeout(function(){
      obj.style.display = 'none';
      if(i < arr.length - 1) { 
         i++;
         timer(arr[i].id);
      }
 },1000);}
 else{setTimeout(timer,1000);}
}
var arr = document.querySelectorAll('div'),
        i = 0;
timer(arr[i].id);
</script>

[dantist433]

спасибо.
Теперь вопрос вот в чем
можно ли в div-ах вывести в виде часы:минуты:секунды - не надо ли для этого переписывать код
и 2 вопрос с записью в БД, после ого как закончился 1 отсчет необходимо записать в БД что нить.

Ну и лично от меня просьба, можно ли это сделать с комментариями - просто не хочется тупо копировать, хочется хоть немного представление иметь что делает каждая строчка, дабы не плодить тут миллионы тем, а попытаться самому разобраться

[Dilettante_Pro]

dantist433,

можно ли в div-ах вывести в виде часы:минуты:секунды - не надо ли для этого переписывать код

Можно. Нужно переписывать. Зачем? Сейчас дается отсчет с 10, 5 - сколько нужно секунд.
Вы будете писать 00:00:10 ? а если 100 секунд - что удобнее: 100 или 00:01:40 ?

2 вопрос с записью в БД, после ого как закончился 1 отсчет необходимо записать в БД что нить

В функции, там, где запускается следующий отсчет, можно разместить запуск функции записи в БД, что-то вроде

if(obj.innerHTML==0){setTimeout(function(){
      obj.style.display = 'none';
      if(i == 0) writeDB();
      if(i < arr.length - 1) { 
         i++;
         timer(arr[i].id);
      }
 },1000);}

А насчет комментариев - что именно непонятно?
И побольше читайте учебники с примерами

[dantist433]

Можно. Нужно переписывать. Зачем? Сейчас дается отсчет с 10, 5 - сколько нужно секунд.
Вы будете писать 00:00:10 ? а если 100 секунд - что удобнее: 100 или 00:01:40 ?

Там просто время будет где то по 12-16 часов, и не особо наглядно буде в секундах

А насчет комментариев - что именно непонятно?

в данный момент все кроме функции и if.
только начинаю изучать

[dantist433]

И еще вопрос к БД надо заранее подключиться? в JS или достаточно подключения в php

[dantist433]

входные данные будут в секундах например 57632 секунды- их надо разбить на часы:минуты:секунды