From Dark and Darker Wiki
(Testing function name) |
(Change countdown ending text) |
||
| (6 intermediate revisions by one other user not shown) | |||
| Line 2: | Line 2: | ||
<span id="<!--{$uniqueId|default:'timer'|escape:'html'}-->"></span> | <span id="<!--{$uniqueId|default:'timer'|escape:'html'}-->"></span> | ||
<script> | <script> | ||
function setIntOnStart | function setIntOnStart(func, interval) { | ||
func(); | func(); | ||
return setInterval(func, interval); | return setInterval(func, interval); | ||
} | } | ||
var | var <!--{$uniqueId|default:'timer'|escape:'html'}--> = setIntOnStart( _ => { | ||
let id = "<!--{$uniqueId|default:'timer'|escape:'html'}-->"; | let id = "<!--{$uniqueId|default:'timer'|escape:'html'}-->"; | ||
let countDownDate = new Date('<!--{$date|escape:'quotes'}-->').getTime(); | let countDownDate = new Date('<!--{$date|escape:'quotes'}-->').getTime(); | ||
| Line 19: | Line 19: | ||
if (distance < 0) { | if (distance < 0) { | ||
clearInterval( | clearInterval(<!--{$uniqueId|default:'timer'|escape:'html'}-->); | ||
document.getElementById(id).innerHTML = " | document.getElementById(id).innerHTML = "ENDED"; | ||
} | } | ||
}, 1000); | }, 1000); | ||
| Line 34: | Line 34: | ||
**Example:<code>2024-12-31 23:59:59</code> | **Example:<code>2024-12-31 23:59:59</code> | ||
==Example 1== | |||
<pre>{{#widget:Countdown|uniqueId=A|date=2025-08-26 23:59:59}}</pre> | |||
{{#widget:Countdown|uniqueId=A|date=2025-08-26 23:59:59}} | |||
==Example 2== | ==Example 2== | ||
<pre>{{#widget:Countdown|uniqueId=B|date=2024- | <pre>{{#widget:Countdown|uniqueId=B|date=2024-12-31 23:59:59}}</pre> | ||
{{#widget:Countdown|uniqueId=B|date=2024- | {{#widget:Countdown|uniqueId=B|date=2024-12-31 23:59:59}} | ||
==Example 3== | ==Example 3== | ||
<pre>{{#widget:Countdown|uniqueId=C|date=2024-08-24 23:59:59}}</pre> | <pre>{{#widget:Countdown|uniqueId=C|date=2024-08-24 23:59:59}}</pre> | ||
{{#widget:Countdown|uniqueId=C|date=2024-08-24 23:59:59}} | {{#widget:Countdown|uniqueId=C|date=2024-08-24 23:59:59}} | ||
</noinclude> | </noinclude> | ||
Latest revision as of 10:28, 1 September 2024
Parameters
uniqueId
- Determines element id name
- Name needs to be unique if multiple widgets are to be displayed on the same page.
- Default:
timer
date
- String of text indicating a date and time.
- Example:
2024-12-31 23:59:59
- Example:
Example 1
{{#widget:Countdown|uniqueId=A|date=2025-08-26 23:59:59}}
Example 2
{{#widget:Countdown|uniqueId=B|date=2024-12-31 23:59:59}}
Example 3
{{#widget:Countdown|uniqueId=C|date=2024-08-24 23:59:59}}