MediaWiki:Gadget-countdown.js

(function ($) {
	function format(n, suffixes) {
		const pr = new Intl.PluralRules('en-US');
		return n + ' ' + suffixes[pr.select(n)];
	}
	
	function calcDiff(d1, d2) {
		let remDiff = d2 - d1;
		const days = Math.floor(remDiff / (1000*60*60*24));
		remDiff = remDiff % (1000*60*60*24);
		const hours = Math.floor(remDiff / (1000*60*60));
		remDiff = remDiff % (1000*60*60);
		const minutes = Math.floor(remDiff / (1000*60));
		
		return {
			days: days,
			hours: hours,
			minutes: minutes
		};
	}
	
	const daySuffixes = {
		one: 'day',
		other: 'days',
	};
	const hourSuffixes = {
		one: 'hour',
		other: 'hours'
	};
	const minuteSuffixes = {
		one: 'minute',
		other: 'minutes'
	};
	
	function updateHTML(targetDate, countdownNode, finishedText) {
		let finished = false;
		let diff = calcDiff(new Date(), targetDate);
		
		countdownNode.html(
			format(diff.days, daySuffixes) + 
			', ' +
			format(diff.hours, hourSuffixes) +
			', ' +
			format(diff.minutes, minuteSuffixes)
		);
		
		if (diff.days <= 0 && diff.hours <= 0 && diff.minutes <= 0) {
			countdownNode.html(finishedText || 'Countdown has ended');
		}
		
		return finished;
	}
	
	function init() {
		let intervals = [];
		
		$('.js-countdown-wrapper2').each(function(idx) {
			
			let countdown = $(this).children('.js-countdown');
			let d1 = new Date(countdown.data('countdown-end'));
			
			const finished = updateHTML(d1, countdown, countdown.data('end-text'));
			$(this).css({ 'display': 'block'});
			
			let interval = setInterval(function() {
				const finished = updateHTML(d1, countdown, countdown.data('end-text'));
				if (finished) {
					clearInterval(interval);
				}
			}, 30000);
			intervals.push(interval);
		});
	}
	
	$(document).ready(init);
}(jQuery));