Widget:Countdown: Difference between revisions

Revision as of 01:27, 26 August 2024

uniqueId

Determines element id name
Name needs to be unique if multiple widgets are to be displayed on the same page.
Default: timer

date

{{#widget:Countdown|uniqueId=A|date=2024-08-26 23:59:59}}

{{#widget:Countdown|uniqueId=B|date=2024-08-25 23:59:59}}

{{#widget:Countdown|uniqueId=C|date=2024-08-24 23:59:59}}

@@ Line 7: / Line 7: @@
 }
 var x = setIntOnStart( _ => {
-     var id = "<!--{$uniqueId|default:'timer'|escape:'html'}-->";
+     let id = "<!--{$uniqueId|default:'timer'|escape:'html'}-->";
-     var countDownDate = new Date('<!--{$date|escape:'quotes'}-->').getTime();
+     let countDownDate = new Date('<!--{$date|escape:'quotes'}-->').getTime();
-     var now = new Date().getTime();
+     let now = new Date().getTime();
-     var distance = countDownDate - now;
+     let distance = countDownDate - now;
-     var days = Math.floor(distance / (1000 * 60 * 60 * 24));
+     let days = Math.floor(distance / (1000 * 60 * 60 * 24));
-     var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
+     let hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
-     var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
+     let minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
-     var seconds = Math.floor((distance % (1000 * 60)) / 1000);
+     let seconds = Math.floor((distance % (1000 * 60)) / 1000);
      document.getElementById(id).innerHTML = days + "d " + hours + "h " + minutes + "m " + seconds + "s ";