Архив метки: обратный отсчет

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

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

Для примера сделаем таймер обратного отсчета до Нового Года.

Создать пустой файл и назвать его к примеру timer.js. Туда вписать следующий код.

obj_hours = document.getElementById("hours");
function wr_hours()
{
var oToday = new Date();
var sTime = "January 01, 2012 00" +  ":00" + ":00"; //до какого числа таймер
// задаём время с точностью до секунды — это не педантизм,
// а важная деталь, избавляющая от багов при вычислении разницы между датами
var oDeadLineDate = new Date(sTime); // собственно устанавливаем «час Икс»
var sek = Math.floor((oDeadLineDate - oToday) / 1000);
var sec= sek % 60 ; //сколько секунд осталось
var min= Math.floor((sek /60)%60) ;//сколько минут осталось
var hoursek= Math.floor((sek / (60*60)) %24) ;//сколько часов осталось
var days= Math.floor(sek /(24*60*60)) ;//сколько дней осталось
var time_wr= days+" дней<br> "+hoursek+"<a href='http://itmemo.ru'>:</a>" +min+":" +sec+"<br>";
if (days > 31) { 
  time_wr= "1 мес "+(days-30)+" дней<br> "+hoursek+":" +min+":" +sec+"<br>"; 
};
obj_hours.innerHTML = time_wr;
}
wr_hours();
setInterval("wr_hours();",1000);

Сохраняем и помещаем в ту же папку на сервере сайта, где и находится наша страница с таймером.

Теперь на нужной страничке, в том месте где нужен таймер, надо вписать

До Нового Года<br>
<span id="hours"></span> 
<script type="text/javascript" src="/timer.js" ></script>

Вот и все.