rss

JavaScript - таймер обратного отсчета

Быстрый переход:
Алексей

Алексей

Administrator
#334   11 декабря 2008 09:35
В одном проекте использовал такой код:

<script language="javascript">
<!--
var limit = <?php echo DOWN_DELAY ?>; // в секундах

function processTimer(){

  if (limit > 0) {
    setTimeout("processTimer()",1000);
    limit--;
  } else {
    // здесь действия после завершения таймера
    //..
  }

  var limit_div = parseInt(limit/60); // минуты
  var limit_mod = limit - limit_div*60; // секунды
  
  // строка с оставшимся временем
  limit_str = "&nbsp;&nbsp;";
  if (limit_div < 10) limit_str = limit_str + "0";
  limit_str = limit_str + limit_div + ":";
  if (limit_mod < 10) limit_str = limit_str + "0";
  limit_str = limit_str + limit_mod + "&nbsp;&nbsp;";      
  
  // вывод времени
  el_timer = document.getElementById("timer");
  if (el_timer) el_timer.innerHTML = limit_str;
}

// -->
</script>

В нужный момент вызываем эту функцию:

processTimer();

Она выведет таймер в элемент с id="timer"

например:

<span id="timer"></span>

Есть миры, не здесь, там, где небеса горят, и моря засыпают, и реки дремлют; люди сделаны из дыма, а города – из песен. Где-то опасность, где-то несправедливость, даже где-то остыл чай. Идем Эйс, у нас много работы!