Таймер обратного отсчета на странице. Часть 2 из 3

В предыдущем уроке серии использовался плагин jQuery для установки таймера обратного отсчета. Но что делать, если знаний для использования JavaScript недостаточно, а установить таймер обратного отсчета на своем блоге или веб сайте, который работает под WordPress или Joomla, очень нужно? Ответ прост - использовать плагины.

Для WordPress можно найти несколько плагинов, которые откроют возможность использовать таймер обратного счета на страницах или записях. В данном уроке рассматривается плагин Easy Timer. Он прост в установке, настройке и русифицирован.

Установка

Скачиваем архив с плагином. Распаковываем его содержимое (папка easy-timer) в каталог веб сайта \wp-content\plugins. Затем переходим в панель инструментов с сайта с правами администратора. На вкладке "Плагины" находим Easy Timer и активируем его.

Внимание. Установите нужное значение "Часовой пояс" для вашего сайта, чтобы значение времени соответствовало вашему часовому поясу.

Использование

Теперь надо перейти в редактирование страницы/записи/виджета и там, где планируется использовать таймер вставить прямо в текст следующий код для отсчета времени до определенной даты:

[countdown date=YYYY/MM/DD-hh:mm:ss]
Текст сообщения о времени отсчета [timer] [after] Сообщение, которое будет выводиться после завершения отсчета.
[/countdown]


YYYY - год, MM - месяц, DD - число, hh - час, mm - минуты, ss - секунды. Вместо кода [timer] будет выводиться время в формате, определенном в настройках плагина. Текст между кодами [after] и [/countdown] будет выводиться только после достижения  установленного времени (мало того, он даже не будет грузиться в браузер посетителя). В тексте сообщений можно использовать разрешенные HTML теги и форматировать его визуальным редактором так, как нужно.

При загрузке страницы код будет преобразовываться в счетчик. Плагин автоматически распознает язык выводимой страницы страницы и используют термины для счетчика на соответствующем языке:

Для установки формата выводимого значения счетчика в панели инструментов нужно перейти на вкладку "Параметры" на страницу "Easy Timer" и выбрать формат значений в выпадающем списке:

Для формата времени таймера можно выбрать следующие коды (их можно использовать и в тексте сообщений вместо [timer]):

    [dhmstimer]  - дни, часы, минуты и секунды;

    [dhmtimer]  - дни, часы и минуты;

    [dhtimer]  - дни и часы;     [dtimer] - дни;

    [hmstimer] - часы, минуты и секунды;

    [hmtimer] - часы и минуты;

    [htimer] - часы;     [mstimer] - минуты и секунды;

    [mtimer] - минуты;     [stimer] - секунды.

Дополнительные возможности плагина

Можно использовать таймер для отсчета времени после определенной даты

[countup date=YYYY/MM/DD-hh:mm:ss]
Текст сообщения после указанного времени! [before] Сообщение, которое выводится до указанной даты.
[/countup]

Сообщение будет выводиться после наступления указанной даты. Текст между кодами [before] и [/countup] будет выводиться до установленной даты.

Можно использовать  несколько дат в счетчике. Даты разделяются символом //. При этом сообщения будут менять в соответствии с достижением установленных дат:

[countdown date=2011/12/25//2012/01/01]
Осталось [timer] до Рождества у буржуинов![after]
Осталось [timer] до Нового 2012 года![after]
С наступившим  новым годом 2012![/countdown]

Для счетчика можно использовать время относительно момента загрузки страницы.

[countdown date=+d:h:m:s]
Осталось [timer]![after]Подсчет окончен!
[/countdown]

Также плагин дает возможность выводить время (код [clock]), день в году (код [yearday]), номер недели (код [yearweek]), месяц (код [month]), день месяца (код [monthday]). Код надо вставлять в текст страницы или записи, там где нужно вывести соответствующее значение.

На одной странице можно устанавливать несколько таймеров.

Заключение.

Плагин Easy Timer является отличным инструментом для подсчета времени в различных ситуациях. Однако полное его описание выходит за рамки темы урока. А приведенной информации вполне достаточно для организации обратного отсчета и проведения различных акций на его основе.

В следующем уроке будет представлен таймер для Joomla.

Источник: http://feedproxy.google.com/~r/ruseller/CdHX/~3/N31a2_cHZv4/lessons.php

Читать комменты и комментировать

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



Защитный код
Обновить

Таймер обратного отсчета на странице. Часть 2 из 3 | | 2012-06-19 12:07:04 | | Статьи Web-мастеру | | В предыдущем уроке серии использовался плагин jQuery для установки таймера обратного отсчета. Но что делать, если знаний для использования JavaScript недостаточно, а установить таймер обратного | РэдЛайн, создание сайта, заказать сайт, разработка сайтов, реклама в Интернете, продвижение, маркетинговые исследования, дизайн студия, веб дизайн, раскрутка сайта, создать сайт компании, сделать сайт, создание сайтов, изготовление сайта, обслуживание сайтов, изготовление сайтов, заказать интернет сайт, создать сайт, изготовить сайт, разработка сайта, web студия, создание веб сайта, поддержка сайта, сайт на заказ, сопровождение сайта, дизайн сайта, сайт под ключ, заказ сайта, реклама сайта, хостинг, регистрация доменов, хабаровск, краснодар, москва, комсомольск |
 
Поделиться с друзьями: