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.

$( document ).ready(function() {
	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.');
	}
});