User:ToxiBoi/LiveCountdown.js

Note: After saving, you have to bypass your browser's cache to see the changes. Google Chrome, Firefox, Microsoft Edge and Safari: Hold down the ⇧ Shift key and click the Reload toolbar button. For details and instructions about other browsers, see Wikipedia:Bypass your cache.

var counts = document.getElementsByClassName("toxicountdown");
if (counts > 0) {
	for (var i = 0; i < counts.length; i++) {
	  var index = counts[i];
	  counts[i].innerHTML = "Loading countdown...";
	  var endDate = new Date(counts[i].getAttribute("data-end")).getTime();
	  var now = new Date().getTime();
	  var distance = endDate - now;
	
	  if (distance < 0) {
	    counts[i].innerHTML = "The countdown finished.";
	  } else {
	    var update = setInterval(function () {
	      // Setup again
	      endDate = new Date(index.getAttribute("data-end")).getTime();
	      now = new Date().getTime();
	      distance = endDate - now;
	      // Time calculations for days, hours, minutes and seconds (copied from W3Schools)
	      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));
	      var seconds = Math.floor((distance % (1000 * 60)) / 1000);
	
	      // Display the result
	      index.innerHTML =
	        "There are <b>" +
	        days +
	        "</b> days, <b>" +
	        hours +
	        "</b> hours, <b>" +
	        minutes +
	        "</b> minutes, and <b>" +
	        seconds +
	        "</b> seconds until " +
	        index.getAttribute("data-event") +
	        ".";
	
	      // If the count down is finished, refresh
	      if (distance < 0) {
	        clearInterval(update);
	        index.innerHTML = "Countdown expired, refreshing...";
	        document.location.reload();
	      }
	    }, 1000);
	  }
	}
} else {
	console.log('[LiveCountdown] No countdown widgets detected.');
}