15 скриптов таймера обратного отсчёта на jQuery и CSS3

Когда вы создаете страницу, посвящённую какому-нибудь событию, часто необходимо отобразить оставшееся время до его наступления. В данной статье рассматриваются скрипты таймера, созданные на основе jQuery и CSS.

Soon Countdown

Устанавливается по принципу «подключил и забыл». Используя визуальный редактор, вы сможете создавать потрясающие счётчики обратного отсчёта для веб-сайта. Выбирайте одну из 15 стандартных параметров или создайте уникальный таймер.

15 скриптов таймера обратного отсчёта на jQuery и CSS3

flipclockjs

Это расширяемый API для создания часов или таймера обратного отсчёта с эффектом переворота. К нему можно применять темы, используя чистый CSS. Библиотека поддерживает jQuery 1.7+ и prefixfree.js(для анимации).

15 скриптов таймера обратного отсчёта на jQuery и CSS3

jQuery Countdown

jQuery- плагин, который может установить таймер обратного отсчета в элемент span или div.

15 скриптов таймера обратного отсчёта на jQuery и CSS3

TimeTo

jQuery- плагин, который может добавлять на веб-страницу таймер обратного отсчёта или цифровые часы. По умолчанию плагин TimeTo добавляет часы, отображающие текущее системное время. Но при этом он предлагает большое число параметров. Например, можно установить задержку на определённую дату и время. А также настроить размер текста, шрифт, язык, цветовую тему и т.д. Вы также сможете добавлять заголовки, выводить дни и устанавливать возможность, которая сработает по истечению заданного промежутка времени.

15 скриптов таймера обратного отсчёта на jQuery и CSS3

jQuery Countdown Timer

Обратный отсчёт формирует «ощущение» срочности, а в сочетании с полем ввода для ввода email-адреса приводит к большему числу подписок. Этот таймер покажет оставшиеся дни, часы, минуты и секунды до предстоящего события. Он использует анимацию для обновления каждую секунду. Заметьте, что плагин доступен только на Github.

15 скриптов таймера обратного отсчёта на jQuery и CSS3

Countdown timer on jQuery Canvas

15 скриптов таймера обратного отсчёта на jQuery и CSS3

jCountdown

Настраиваемый jQuery- плагин, который вы сможете использовать на веб-сайте. Попробуйте разные параметра на странице предварительного просмотра.

15 скриптов таймера обратного отсчёта на jQuery и CSS3

jquery-countdown

jQuery Countdown – это плагин, который не оставит вас равнодушным.

15 скриптов таймера обратного отсчёта на jQuery и CSS3

Free jQuery Count Down Plugin: County

Бесплатный плагин для запуска таймера обратного отсчёта, созданный на основе jQuery и загружаемый с разными вариантами параметра. Он может изменять анимацию, цветовую схему и иные настройки.

15 скриптов таймера обратного отсчёта на jQuery и CSS3

CSS Flip-Counter

Из-за отсутствия в этом плагине картинок цифр для таймера вам придётся мириться с разным выведением текста и эффектами трансформации в различных браузерах. То, что отлично работает в Google Chrome для Mac, имеет в себя проблемы с выравниванием в Google Chrome для Windows.

15 скриптов таймера обратного отсчёта на jQuery и CSS3

CSS3 Countdown

15 скриптов таймера обратного отсчёта на jQuery и CSS3

countdown clock

Часы обратного отсчёта, созданные на CSS. Срок отсчёта – 1 час. Этот таймер показывает минуты, секунды и сотые доли секунды.

15 скриптов таймера обратного отсчёта на jQuery и CSS3

Circular minimal countdown

Лёгкий плагин для выведения простых таймеров в виде анимированных круговых диаграмм, оптимизированных под Retina-экраны.

15 скриптов таймера обратного отсчёта на jQuery и CSS3

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

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