Модуль 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.