From Dark and Darker Wiki
(Testing function name) |
No edit summary |
||
| (14 intermediate revisions by 2 users 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 timezoneOffset = new Date().getTimezoneOffset()*60*1000; | |||
let countDownDate = new Date('<!--{$date|escape:'quotes'}-->').getTime(); | let countDownDate = new Date('<!--{$date|escape:'quotes'}-->').getTime(); | ||
let now = new Date().getTime(); | let now = new Date().getTime() + timezoneOffset; | ||
let distance = countDownDate - now; | let distance = countDownDate - now; | ||
let days = Math.floor(distance / (1000 * 60 * 60 * 24)); | let days = Math.floor(distance / (1000 * 60 * 60 * 24)); | ||
| Line 19: | Line 20: | ||
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 35: | ||
**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-10 20:00:00}}</pre> | ||
{{#widget:Countdown|uniqueId=B|date=2024- | {{#widget:Countdown|uniqueId=B|date=2024-12-10 20:00:00}} | ||
==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 18:44, 10 December 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-10 20:00:00}}
Example 3
{{#widget:Countdown|uniqueId=C|date=2024-08-24 23:59:59}}