[Статья] Простой скрипт отсчета времени до определенной даты

12-23-2013, 10:01 PM

Простой скрипт отсчета времени до определенной даты
например до нового года

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

HTML Code:

<script LANGUAGE="javascript">  
document.write('<span id="ny_date">До Нового года</span>')  
function ojidanieNG()  
{  
  var today = new Date();  
   
  var BigDay = new Date("January 01, 2014");  
  var timeLeft = (BigDay.getTime() - today.getTime());  
   
  var e_daysLeft = timeLeft / 86400000;  
  var daysLeft = Math.floor(e_daysLeft);  
   
  var e_hrsLeft = (e_daysLeft - daysLeft)*24;  
  var hrsLeft = Math.floor(e_hrsLeft);  
   
  var e_minsLeft = (e_hrsLeft - hrsLeft)*60;  
  var minsLeft = Math.floor(e_minsLeft);  
   
  var seksLeft = Math.floor((e_minsLeft - minsLeft)*60);  
   
  if (BigDay.getTime() > today.getTime() )  
  document.getElementById("ny_date").innerHTML = '<font color="#d30404"><b>До Нового года осталось</b></font>: <b>'+daysLeft+'</b>дней <b>'+hrsLeft+'</b>час. <b>'+minsLeft+'</b>мин. <b>'+seksLeft+'</b>сек.'
  else  
  document.getElementById("ny_date").innerHTML = '<b>Поздравляем с <font color=red>Новым годом!</font>!!!</b>'  
}  
setInterval("ojidanieNG()", 50)  
</script>

Чтобы изменить дату на которую вести отсчет, необходимо отрелактировать эту строчку:

HTML Code:

  var BigDay = new Date("January 01, 2014");

Вместо одной сточки:

HTML Code:

var timeLeft = (BigDay.getTime() - today.getTime());

вставим две:

HTML Code:

var timeZone = 0;
var timeLeft = (BigDay.getTime() - today.getTime() + timeZone * 3600000);

timeZone может быть любым целым числом как положительным, так и отрицательным (количество часов). Теперь можно регулировать оставшееся время в любую сторону с точностью до часа.
Хотя, в этом нет никакого смысла. javascript запускается на клиентской машине, и отсчет времени берется с системных часов компьютера (а не сервера, на котором расположен сайт). Поэтому где бы посетители не открывали страницу с данным скриптом, у всех оставшееся время будет разным и соответствовать действительности, если, конечно, часы на компьютере показывают точное время именно в данном регионе.

Данным скриптом пользуюсь уже второй год, брал его в свое время тут: http://www.grozmaster.ru
Посмотреть наглядно как работает можно тут: http://www.nextwin.ru/