Вы здесь

Javascript Countdown Timer

Таймер отсчитывающий время.
Модуль переименован в Javascript Timer.

Модуль Javascript Countdown Timer позволяет вывести на сайте таймер, который будет отсчитывать время оставшееся до определённой даты.

Использование модуля

Включение таймера в документ или блок:

  • Установите формат ввода, который разрешает использование тега <span>
  • Добавьте код с подходящим форматированием (смотрите примеры ниже)

Примеры таймера

Пример 1

Для показа часов, используйте код <span class="js-clock"></span>

Пример 2

<span class="countdowntimer">Not too many days left until Feb 17! (this shows until timer initializes or for non-js folks)
  <span style="display:none" class="datetime">2010-02-17T09:30:00-08:00</span>
</span>

Пример 3

<span class="countdowntimer">Wow, a lot of time has passed since the conference. (this shows until timer initializes or for non-js folks)
  <span style="display:none" class="datetime">2007-02-26T09:30:00-08:00</span>
  <span style="display:none" class="dir">up</span>
</span>

Пример 4

<span class="countdowntimer">Don't be late!
  <span style="display:none" class="datetime">2009-02-26T09:30:00Z</span>
  <span style="display:none" class="format_num">1</span>
</span>

Пример 5

<span class="countdowntimer">Count Down
<span style="display:none" class="datetime">2009-02-26T09:30:00-05:00</span>
<span style="display:none" class="dir">down</span>
<span style="display:none" class="format_txt"><em>(%dow% %moy%%day%)</em><br>%days% days + %hours%:%mins%:%secs%</span>
<span style="display:none" class="threshold">4</span>
<span style="display:none" class="complete">Custom Timer Complete Statement</span>
</span>

Отметьте: если в таймере используются классы format_num и format_txt, то значение класса format_txt будет иметь приоритет перед значением класса format_num.

Формат вывода

  • %day% — день месяца без ведущих нулей (0–31)
  • %month% — порядковый номер месяца без ведущих нулей (1–12)
  • %year% — номер года (4 цифры)
  • %dow% — сокращенное наименование дня недели (Пн–Вс)
  • %moy% — сокращенное наименование месяца, 3 символа (Янв–Дек)
  • %years% — годы от установленной даты (целое число)
  • %ydays% — дни (годы) от установленной даты (целое число)
  • %days% — количество дней от установленной даты (целое число)
  • %hours% — часы (дни) от установленной даты (целое число, заполнение нулём)
  • %mins% — минуты (часы) от установленной даты (целое число, заполнение нулём)
  • %secs% — секунды (минуты) от установленной даты (целое число, заполнение нулём)
  • %hours% — часы (дни) от установленной даты (целое число, без заполнения)
  • %mins% — минуты (часы) от установленной даты (целое число, без заполнения)
  • %secs% — секунды (минуты) от установленной даты (целое число, без заполнения)

Дополнительную информацию можно найти в файле README.txt.