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

Здравствуйте, уважаемые читатели XoZbloga! Вы наверняка уже видели на сайтах таймер обратного отсчета. То есть таймер отсчитывает время до начала чего-либо. Например Вы запускаете новый проект, и уже зарегистрировали адрес в сети, но сайт пока не готов, как правило создается страница с таймером до запуска проекта! Еще можно включить таймер до начала проведения акции или начала действия скидок в интернет-магазине. Одним словом безграничные возможности для применения таймера на сайте. Предоставляю Вашему вниманию таймер обратного отсчета для сайта.

Настройка

Про оформление страницы писать не буду — это дело каждого, а вот про то как поставить таймер расскажу.

  • Во-первых, в файле index.html найти JQuery код, находится он ближе к концу файла.
  • Теперь можно установить дату, до которой будет вестись отсчет:
    austDay = new Date(new Date(2012, 9-1, 30));
    Конструкция следующая (год, месяц-1, дата). В месяц-1, нужно беспокоиться только о месяце, единичку не трогать. Поэтому если Вы хотите, чтобы обратный отсчет велся до 30 сентября 2012 года — ставим (2012, 9-1, 30).
  • Следующая строка устанавливает часовой пояс UTC:
    $(‘#defaultCountdown’).countdown({until: austDay, timezone: +7});
    Я установил свой часовой пояс (+7 — Новосибирск).

Свежие версии плагина и полная инструкция по настройке на странице автора.

Чтобы оставаться в курсе свежих статей и уроков подписывайтесь на почтовую рассылку, форма подписки ниже. Если статья Вам понравилась сделайте пожалуйста tweet или like — поделитесь с друзьями :) Спасибо за прочтение. До связи!

Чтобы оставаться в курсе свежих статей и уроков подписывайтесь на еженедельную почтовую рассылку или на новостную ленту RSS. Спасибо!