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

Автор: | 04.07.2011

Основные вопросы статьи:

  1. Счетчик времени.
  2. Скрипт отсчета времени.
  3. Отсчет времени до нового года.

Предлагаю Вашему вниманию и рекомендую простенький javascript, который будет показывать в виде цифр количество дней, часов, минут и секунд до Нового года. Секунды показываются в реальном времени.

Обращаю Ваше внимание на то, что в скрипте «зашита» определенная дата — 1 января 2012 года. При наступлении этой даты придется вручную подправить данный скрипт для того чтобы установить новый отсчет. Поскольку скрипт достаточно короткий и почти интуитивно понятны, то подправить не составит труда даже домохозяйке, ни разу не слышавшей слова «жава (джава) скрипт».

Итак, вот сам код:

<script LANGUAGE=»javascript»>  
document.write(‘<span id=»ny_date»>До Нового года</span>’)  
function ojidanieNG()  
{  
  var today = new Date();  
   
  var BigDay = new Date(«January 01, 2012»);  
  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=»#c00″><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>

Если внимательно просмотреть строчки, то в глаза явно бросится строчка

 var BigDay = new Date(«January 01, 2012»);

Вот ее то и надо будет менять раз в год 1-го, 2-го или там 15-го числа желательно января месяца 🙂 А заменить то надо всего лишь 2012 на следующий 2013 и т.д.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *