Основные вопросы статьи:
- Счетчик времени.
- Скрипт отсчета времени.
- Отсчет времени до нового года.
Предлагаю Вашему вниманию и рекомендую простенький 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 и т.д.