cssedit, gkautomate
7,064
edits
Changes
no edit summary
<includeonly><div style="{{{style|text-align:center;font-size:18px;font-weight:bold;color:red;margin:0px 0px 10px 0px}}}">
<includeonly><div style="{{{style|text-align:center;font-size:18px;font-weight:bold;color:red;margin:0px 0px 10px 0px}}};{{{extra_style|}}}">
<span class="countdown" data-options="no-leading-zeros" data-end="toggle" data-toggle=".{{{class|{{{endClass|countdownComplete1}}}}}}" style="display:none">
<span class="countdown" data-options="no-leading-zeros" data-end="toggle" data-toggle=".{{{class|{{{endClass|countdownComplete1}}}}}}" style="display:none">
<span class="countdowndate">{{{time|}}}</span>
<span class="countdowndate">{{{time|}}}</span>
* <code>time</code> : [https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/parse time] to countdown to, required.
* <code>time</code> : [https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/parse time] to countdown to, required.
* <code>style</code> : custom style, optional.
* <code>style</code> : custom style, optional.
* <code>extra_style</code> : extra style to add to the default style, optional.
* <code>class</code> : specify when multiple timers are used on the page, <code>countdownComplete1</code> by default, e.g., <code>countdownComplete2</code> for a second timer, etc.
* <code>class</code> : specify when multiple timers are used on the page, <code>countdownComplete1</code> by default, e.g., <code>countdownComplete2</code> for a second timer, etc.
* <code>text</code> : optional completion text, <code>Countdown complete!</code> by default.
* <code>text</code> : optional completion text, <code>Countdown complete!</code> by default.
==Examples==
==Examples==
<pre>
<pre>
{{Timer|time = January 1 2021 00:00:00 +0900}}
{{Timer|time = January 1 2021 00:00:00 +0900|extra_style = text-align:left}}
</pre>
</pre>
{{Timer|time = January 1 2021 00:00:00 +0900}}
{{Timer|time = January 1 2021 00:00:00 +0900|extra_style = text-align:left}}
<pre>
<pre>
{{Timer
{{Timer