UniSite CMS - Современный движок для Ваших сайтов.

ZHUR ARTUR.ru

Персональный блог по созданию
мощных и современных Web-Проектов!

Побеждает в этой жизни только тот, кто победил сам себя, тот, кто победил свой страх, свою лень и свою неуверенность. © Жизнь

»

Введите код полученный после подписки

  • 5

  • 0

Таймер обратного отсчёта с помощью плагина JQuery CountDown

Автор - Жур Артур | Добавлено - 2014-04-29 | Просмотров - 5842 | Скачено - 108

1Подключение плагина

Для работы таймера нужно подключить:

  • Плагин JQuery-1.8.2.min.js или версию выше
  • Плагин JQuery.jcountdown.min.js
  • Стили для таймера jcountdown.css

1Опции плагина

timeText: "2014/05/28 10:00:00", // Дата и время окончания таймера
timeZone:4, // Временная зона, MSK+4
style:"flip", // Стиль таймера   flip, crystal, slide, metal 
color:"white", // Цвет таймера. white или black
width:0, // Размер таймера
textGroupSpace:15, // Расстояние между Day Hour Minute Second
textSpace:0, // Расстояние между цифрами
reflection:false,  // Отражение
reflectionOpacity:10, // Прозрачность отражения
reflectionBlur:0, // Размытие отражения
dayTextNumber:2,  // Формат вывода дней
displayDay:true, // Выводить дни
displayHour:true, // Выводить часы
displayMinute:true, // Выводить минуты
displaySecond:true, // Выводить секунды
displayLabel:true, // Нижние надписи
onFinish:function(){ // Действие которое будет происходить по истечению таймера
$("#block-countdown").html('Таймер закончился!');	
}

Интересное

Комментарии