Скрипты обратного отсчета очень полезны для владельцев веб-сайтов или блогов, кто хочет о чем-то проинформировать своих читателей и посетителей. Будете ли вы внедрять обновление в блоге или ваш блог находится на реконструкции, у вас будет возможность предупредить пользователей, что скоро все встанет на свои места, и даже указать время, когда это произойдет.
Сегодня мы подготовили для вас подборку скриптов с таймерами обратного отсчета. Это, как нам кажется, лучшие примеры реализации подобной функции.
01. Анимированный счетчик на javascript
Простой анимированный счетчик на javascript, который позволит вам легко представить информацию в цифрах, будь то количество зарегистрированных пользователей или общий показатель доходности. Но это далеко не все. Этот счетчик также можно использовать для отображения текста или даты и времени, даже в виде часов. Можно использовать в качестве таймера обратного отсчета для отображения оставшегося времени до выхода продукции или до старта продаж.
Сайт-источник: http://codecanyon.net/item/javascript-animated-counter/233648
Предпросмотр: http://codecanyon.net/item/javascript-animated-counter/full_screen_preview/233648
02. Страница «На реконструкции» в стиле параллакс
Страница «На реконструкции» в стиле параллакс позволит вам «украсить» свою страницу «Скоро открытие» динамическим трехмерным облачным небом, на котором будет расположен ваш логотип или графический элемент на ваше усмотрение. Скрипт работает во всех современных браузерах (Chrome, Safari, Opera, Safari, IE9)
Сайт-источник | Предпросмотр
03. Страница «На реконструкции» с обратным отсчетом
Очень простая и адаптивная страница «на реконструкции» с обратным отсчетом. Здесь можно отметить наличие руководства, с помощью которого вы без труда подстроите страницу под собственные нужды.
Сайт-источник | Предпросмотр
04. Fancy Countdown – jQuery-плагин
Fancy Countdown представляет собой конфигурируемый jQuery-плагин, позволяющий вас создавать привлекательные таймеры обратного отсчета. Он очень прост в использовании. Вы можете указать необходимую дату. Плагин поставляется с расширяемым АПИ, и настройка займет не более 3-х минут. Стоит отметить работоспособность на iPhone, iPad и т.д, а также на смартфонах с поддержкой javascript.
Сайт-источник | Предпросмотр
05. jsCountdown
Скрипт включает 14 разных тем оформления, из которых вы можете выбрать необходимую вам, а также файл шаблона в PNG-формате, который позволит вам создавать собственные шаблоны. Стоит отметить наличие документации и превью, а также упрощенный процесс настройки, представляющий собой генератор опций.
Сайт-источник | Предпросмотр
06. Целевая страница «Coming Soon»
javascript-счетчик до открытия веб-сайта с 6 разными эффектами + jQuery.
Сайт-источник | Предпросмотр
07. Счетчик для сайта на реконструкции
Отличный скрипт обратного отсчета до открытия сайта с использованием кода Ajax и jQuery. Вам не требуется заводить базу данных для нормальной работы скрипта. К тому же, скрипт совместим как с браузерами с включенной поддержкой javascript, так и с браузерами, где поддержка отсутствует.
Сайт-источник | Предпросмотр
08. WordPress-плагин: Coming Soon
Coming Soon – это плагин для WP, который позволяет вам заменить главную страницу сайта на модную и удобную страницу-оповещение о скором открытии. Вы можете добавлять собственный логотип, фоны, шапки и подвалы и многое другое. Здесь также представлены богатая палитра уже готовых набросков.
Сайт-источник | Предпросмотр
09. Виджет Broadcast Countdown
Данный виджет включает в себя настройку двух режимов: повторяющегося и единовременного. Здесь можно выставить текстовый заголовок обратного отсчета, потоковый URL, а также опцию для настройки таймера на обратный отсчет до единовременного события. Стоит отметить наличие выбора даты и времени на jQuery, что значительно облегчает процесс.
Сайт-источник | Предпросмотр
10. WordPress-сайт в разработке или не отвечает по техническим причинам
Плагин DP Maintenance включает возможность добавить режим закрытия сайта на разработку или на время технических работ. Стоит отметить, что плагин представляет на выбор 3 адаптивных шаблона.
Сайт-источник | Предпросмотр
11. 5sec Maintenance Mode
Плагин предлагает 6 забавных шаблонов с оформляемым обратным отсчетом. Все шаблоны оптимизированы под поисковые системы и Google.
Сайт-источник | Предпросмотр
12. Плагин jQuery Countdown
Плагин очень просто встроить с возможностью останавливать его и запускать вновь.
Сайт-источник | Предпросмотр
13. jQuery-countdown
Данный обратный отсчет оформлен красивой анимацией. Проект пока что находится в стадии бета.
Сайт-источник | Предпросмотр
14. jQuery Countdown Timer
Отличный jQuery-плагин для отображения таймера обратного отсчета. Он будет показывать оставшееся количество дней, часов, минут и секунд до определенного вами события.
Сайт-источник | Предпросмотр
15. Добавляем таймер с обратным отсчетом на сайт
Научитесь встраивать таймер с обратным отсчетом в собственный сайт посредством jQuery.
Сайт-источник ушел в небытие | Предпросмотр отправился туда же
16. T(-) Countdown: плагин для WordPress
WordPress-плагин T(-) Countdown поможет вам отобразить стильный таймер обратного отсчета без использования Flash (в боковой панели посредством виджета или в сообщение при помощи короткого тэга). Отличный способ оповещать людей о предстоящем событии.
Сайт-источник | Предпросмотр
17. Uji Countdown: настраиваемый таймер обратного отсчета на HTML5
Uji Countdown позволяет вам отображать обратный отсчет в сообщениях или на страницах. Самый простой способ встраивания полностью настраиваемого таймера на HTML5.
Сайт-источник
Раздел: Скрипты и коды Комментариев: 16
17 отличных скриптов обратного отсчета, которые вам могут понадобиться в любой момент
Обнаружили ошибку или мёртвую ссылку?
Выделите проблемный фрагмент мышкой и нажмите CTRL+ENTER.
В появившемся окне опишите проблему и отправьте уведомление Администрации ресурса.
Выделите проблемный фрагмент мышкой и нажмите CTRL+ENTER.
В появившемся окне опишите проблему и отправьте уведомление Администрации ресурса.
Нужна органическая вечная ссылка из данной статьи? Постовой?
Подробности здесь
Подробности здесь
Опубликовал Design FactoRy Прочитано (раз): 148558 | Оставлено комментариев: 16
Автор перевода — CoolWebmasters.Com © | Источник материала / оригинал статьи Распечатать
Автор перевода — CoolWebmasters.Com © | Источник материала / оригинал статьи Распечатать