cssedit, gkautomate
7,064
edits
Changes
no edit summary
<noinclude><pre>
<includeonly><div style="{{{style|text-align:center;font-size:18px;font-weight:bold;color:red;margin:0px 0px 10px 0px}}}">
<span class="countdown" data-options="no-leading-zeros" data-end="toggle" data-toggle=".{{{endClass|countdownComplete}}}" style="display:none">
<span class="countdowndate">{{{time|}}}</span>
</span>
<span class="{{{endClass|countdownComplete}}}" style="display:none">{{{endText|Countdown complete!}}}</span>
</div></includeonly><noinclude>
==Parameters==
* <code>time</code> : time to countdown to, required.
* <code>style</code> : custom style, optional.
* <code>endClass</code> : specify when multiple timers are used on the page, <code>countdownComplete</code> by default, e.g., <code>countdownComplete2</code> for a second timer, etc.
* <code>endText</code> : optional completion text, <code>Countdown complete!</code> by default.
See [[MediaWiki:Gadget-Countdown.js]] for JS implementation details.
==Examples==
{{Timer
|time = January 1 2025 00:00:00 +0900
|style = font-weight:italic
|endClass = countdownComplete1
|endText = Not yet.
}}
</pre>
{{Timer
|time = January 1 2025 00:00:00 +0900
|style = font-weight:italic
|endClass = countdownComplete1
|endText = Not yet.
}}
<pre>
{{Timer
{{Timer
|time = January 19 2038 12:14:07 +0900
|time = January 19 2038 12:14:07 +0900
|style = font-weight:bold;
|style = font-weight:bold
|endClass = countdownComplete1
|endClass = countdownComplete2
|endText = The time is now!
|endText = The time is now!
}}
}}
{{Timer
{{Timer
|time = January 19 2038 12:14:07 +0900
|time = January 19 2038 12:14:07 +0900
|style = font-weight:bold;
|style = font-weight:bold
|endClass = countdownComplete2
|endClass = countdownComplete2
|endText = The time is now!
|endText = The time is now!
}}
}}
</noinclude><div style="{{{style|text-align:center; font-size:18px; font-weight:bold; color:#f00; margin:0px 0px 10px 0px;}}}">
</noinclude>