Здравствуйте, уважаемые читатели 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 — поделитесь с друзьями 🙂 Спасибо за прочтение. До связи!
Источник статьи/урока: https://xozblog.ru