Template:Countdown: Difference between revisions

From Pengwings
No edit summary
No edit summary
 
(One intermediate revision by the same user not shown)
Line 6: Line 6:
;since : set to 1 to make this a count-up instead of a countdown
;since : set to 1 to make this a count-up instead of a countdown
;intro : (Optional) Text introducing the countdown.
;intro : (Optional) Text introducing the countdown.
;outro : (Optional) Text after the countdown.
;class : (Optional) CSS classes to apply to the outer container.
;class : (Optional) CSS classes to apply to the outer container.
;hide-days : (Optional) If "yes" is passed, only hours/minutes/seconds will be displayed.
;hide-days : (Optional) If "yes" is passed, only hours/minutes/seconds will be displayed.
;hide-time : (Optional) If "yes" is passed, only days will be displayed.
;hide-time : (Optional) If "yes" is passed, only days will be displayed.
;style, intro-style, digit-style, digit-value-style, digit-label-style : (Optional) CSS styles to apply to the outer container, days/hours/minutes/seconds containers, displayed numbers, and labels respectively.
;style, intro-style, outro-style, digit-style, digit-value-style, digit-label-style : (Optional) CSS styles to apply to the outer container, days/hours/minutes/seconds containers, displayed numbers, and labels respectively.


Script/template designed by [[User:Pcj]] from https://warcraft.wiki.gg/wiki/MediaWiki:Common.js
Script/template designed by [[User:Pcj]] from https://warcraft.wiki.gg/wiki/MediaWiki:Common.js
Line 18: Line 19:
<div class="jst-hours" style="display: inline-block; {{{digit-style|width: 5em}}}"><div class="jst-value" style="{{{digit-value-style|font-size: 2em}}}"></div><div class="jst-label" style="text-align: center; {{{digit-label-style|}}}"></div></div>
<div class="jst-hours" style="display: inline-block; {{{digit-style|width: 5em}}}"><div class="jst-value" style="{{{digit-value-style|font-size: 2em}}}"></div><div class="jst-label" style="text-align: center; {{{digit-label-style|}}}"></div></div>
<div class="jst-minutes" style="display: inline-block; {{{digit-style|width: 5em}}}"><div class="jst-value" style="{{{digit-value-style|font-size: 2em}}}"></div><div class="jst-label" style="text-align: center; {{{digit-label-style|}}}"></div></div>
<div class="jst-minutes" style="display: inline-block; {{{digit-style|width: 5em}}}"><div class="jst-value" style="{{{digit-value-style|font-size: 2em}}}"></div><div class="jst-label" style="text-align: center; {{{digit-label-style|}}}"></div></div>
<div class="jst-seconds" style="display: inline-block; {{{digit-style|width: 5em}}}"><div class="jst-value" style="{{{digit-value-style|font-size: 2em}}}"></div> <div class="jst-label" style="text-align: center; {{{digit-label-style|}}}"></div></div>}}
<div class="jst-seconds" style="display: inline-block; {{{digit-style|width: 5em}}}"><div class="jst-value" style="{{{digit-value-style|font-size: 2em}}}"></div> <div class="jst-label" style="text-align: center; {{{digit-label-style|}}}"></div></div>}}{{#if:{{{outro|}}}|<div class="jst-outro" style="{{{outro-style|padding: 0 0 2ex 0}}}">{{{outro}}}</div>}}
</div></onlyinclude><noinclude>[[Category:Templates]]</noinclude>
</div></onlyinclude><noinclude>[[Category:Templates]]</noinclude>

Latest revision as of 14:13, 16 February 2026

Displays a countdown to the specified time, updated by javascript in MediaWiki:Gadget-timer.js.

Parameters:

time
UTC time to count down to, in YYYY-MM-DD HH:MM format, e.g. 2001-02-03 04:05 for 5 minutes past 4am on February 3rd, 2001.
expired
Text to display instead of the countdown if the specified time is already in the past.
since
set to 1 to make this a count-up instead of a countdown
intro
(Optional) Text introducing the countdown.
outro
(Optional) Text after the countdown.
class
(Optional) CSS classes to apply to the outer container.
hide-days
(Optional) If "yes" is passed, only hours/minutes/seconds will be displayed.
hide-time
(Optional) If "yes" is passed, only days will be displayed.
style, intro-style, outro-style, digit-style, digit-value-style, digit-label-style
(Optional) CSS styles to apply to the outer container, days/hours/minutes/seconds containers, displayed numbers, and labels respectively.

Script/template designed by User:Pcj from https://warcraft.wiki.gg/wiki/MediaWiki:Common.js