27.05.2010, 10:57
|
|
Новичок
Регистрация: 25.05.2010
Сообщений: 5
С нами:
8402739
Репутация:
0
|
|
На ХТМЛ такого конечно не сделать, лучше всего использовать AJAX для подобной цели.
Передо мной стояла когда-то давно такая задача, аякса толком не знал, но нашел другой выход.
Этот код, ставим в хтмл.
Код:
<!--таймер-->
<style>div#timer{color:#FF0000;}</style>
<script language="javascript">
var limit = 360; // в секундах
function processTimer(){
if (limit > 0) {
setTimeout("processTimer()",1000);
limit--;
} else {
location.reload(true);
}
var limit_div = parseInt(limit/60); // минуты
var limit_mod = limit - limit_div*60; // секунды
// строка с оставшимся временем
limit_str = " ";
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 + " ";
// вывод времени
el_timer = document.getElementById("timer");
if (el_timer) el_timer.innerHTML = limit_str;
}
processTimer();
</script>
<div id="timer"></div>
Тег <div id="timer"></div>, ставим туда где нужен счетчик, в стилях шлифуем.
Плюс скрипта: простота и мизирный обьем, ничего лишнего;
Минус скрипта: var limit = 360; // время в секундах тут прописано статично, в результате при обновлении страницы счетчик сбрасывается, и отсчет начинается заново. Но с помощью пхп это решаемо. |
|
|