Difference between revisions of "Widget:Countdown"

From Octopath Traveler Speedruns
Jump to navigation Jump to search
 
(3 intermediate revisions by the same user not shown)
Line 1: Line 1:
<span><!--{$time}--> ET</span><br />
<!--{$time}--> ET<br />
<span id="countdown">?</span>
<i id="countdown">?</i>


<script>
<script>
Line 7: Line 7:
// Conversion from Eastern Time to UTC
// Conversion from Eastern Time to UTC
var easternTimeOffset = 5 * 60 * 60000;
var easternTimeOffset = 5 * 60 * 60000;
if (<!--{$dst}-->) {
if ("<!--{$dst}-->" == "true") {
   var easternTimeOffset = 4 * 60 * 60000;
   var easternTimeOffset = 4 * 60 * 60000;
}
}
Line 36: Line 36:
   } else if (days > 0) {
   } else if (days > 0) {
     document.getElementById("countdown").innerHTML = "(In about " + days + " days and " + hours + " hours)";
     document.getElementById("countdown").innerHTML = "(In about " + days + " days and " + hours + " hours)";
   } else {
   } else if (days == 0) {
     document.getElementById("countdown").innerHTML = "(In about " + hours + " hours and " + minutes + " minutes)";
     document.getElementById("countdown").innerHTML = "(In about " + hours + " hours and " + minutes + " minutes)";
   }
   }
}, 60000);
}, 1000);
</script>
</script>

Latest revision as of 05:18, 27 January 2019

ET

?

<script> // Modified version of https://www.w3schools.com/howto/howto_js_countdown.asp

// Conversion from Eastern Time to UTC var easternTimeOffset = 5 * 60 * 60000; if ("" == "true") {

 var easternTimeOffset = 4 * 60 * 60000;

}

var rawDateTimeET = new Date("").getTime(); var countDownDateUTC = rawDateTimeET + easternTimeOffset;

// Update the count down every 1 second var x = setInterval(function() {

 // Get the users date and time and convert to UTC
 var rawNow = new Date();
 var nowUTC = rawNow.getTime() + (rawNow.getTimezoneOffset() * 60000);
 // Find the distance between now and the count down date
 var distance = countDownDateUTC - nowUTC;
 // Time calculations for days, hours, minutes
 var days = Math.floor(distance / (1000 * 60 * 60 * 24));
 var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
 var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
 // Display the result in the element with id="countdown"
 document.getElementById("countdown").innerHTML = "I am error.";
 
 if (distance < 0) {
   clearInterval(x);
   document.getElementById("countdown").innerHTML = "The race has ended.";
 } else if (days > 0) {
   document.getElementById("countdown").innerHTML = "(In about " + days + " days and " + hours + " hours)";
 } else if (days == 0) {
   document.getElementById("countdown").innerHTML = "(In about " + hours + " hours and " + minutes + " minutes)";
 }

}, 1000); </script>