MediaWiki:Common.js - Revision history

MScroggs at 16:51, 9 August 2016

2016-08-09T16:51:36Z

← Older revision		Revision as of 16:51, 9 August 2016
Line 46:		Line 46:
	$( function () {		$( function () {
	if ( mw.config.get( 'wgPageName' ) === 'Template:Countdown' \|\| mw.config.get( 'wgPageName' ) === 'User:Stitch' \|\| mw.config.get( 'wgPageName' ) === 'Electromagnetic_Field_2016' \|\| mw.config.get( 'wgPageName' ) === 'User:MScroggs') {		if ( mw.config.get( 'wgPageName' ) === 'Template:Countdown' \|\| mw.config.get( 'wgPageName' ) === 'User:Stitch' \|\| mw.config.get( 'wgPageName' ) === 'Electromagnetic_Field_2016' \|\| mw.config.get( 'wgPageName' ) === 'User:MScroggs') {
	var deadline = new Date(2016, 07, 05, 10, 0, 0, 0); /* base 0 months */		var deadline = new Date(2016, 07, 08, 0, 0, 0, 0); /* base 0 months */
	initializeClock('clockdiv', deadline);		initializeClock('clockdiv', deadline);
	}		}
	} );		} );

MScroggs at 16:49, 9 August 2016

2016-08-09T16:49:36Z

← Older revision		Revision as of 16:49, 9 August 2016
Line 2:		Line 2:

	function getTimeRemaining(endtime) {		function getTimeRemaining(endtime) {
	var t = Date.parse(endtime) - Date.parse(new Date());		var t = -Date.parse(endtime) + Date.parse(new Date());
	var seconds = Math.floor((t / 1000) % 60);		var seconds = Math.floor((t / 1000) % 60);
	var minutes = Math.floor((t / 1000 / 60) % 60);		var minutes = Math.floor((t / 1000 / 60) % 60);

MScroggs at 12:47, 20 July 2016

2016-07-20T12:47:51Z

← Older revision		Revision as of 12:47, 20 July 2016
Line 45:		Line 45:

	$( function () {		$( function () {
	if ( mw.config.get( 'wgPageName' ) === 'Template:Countdown' \|\| mw.config.get( 'wgPageName' ) === 'User:Stitch' \|\| mw.config.get( 'wgPageName' ) === 'Electromagnetic_Field_2016' ) {		if ( mw.config.get( 'wgPageName' ) === 'Template:Countdown' \|\| mw.config.get( 'wgPageName' ) === 'User:Stitch' \|\| mw.config.get( 'wgPageName' ) === 'Electromagnetic_Field_2016' \|\| mw.config.get( 'wgPageName' ) === 'User:MScroggs') {
	var deadline = new Date(2016, 07, 05, 10, 0, 0, 0); /* base 0 months */		var deadline = new Date(2016, 07, 05, 10, 0, 0, 0); /* base 0 months */
	initializeClock('clockdiv', deadline);		initializeClock('clockdiv', deadline);
	}		}
	} );		} );

Stitch at 16:24, 19 July 2016

2016-07-19T16:24:50Z

← Older revision		Revision as of 16:24, 19 July 2016
Line 45:		Line 45:

	$( function () {		$( function () {
	if ( mw.config.get( 'wgPageName' ) === 'Template:Countdown' ) {		if ( mw.config.get( 'wgPageName' ) === 'Template:Countdown' \|\| mw.config.get( 'wgPageName' ) === 'User:Stitch' \|\| mw.config.get( 'wgPageName' ) === 'Electromagnetic_Field_2016' ) {
	var deadline = new Date(2016, 07, 05, 10, 0, 0, 0); /* base 0 months */		var deadline = new Date(2016, 07, 05, 10, 0, 0, 0); /* base 0 months */
	initializeClock('clockdiv', deadline);		initializeClock('clockdiv', deadline);
	}		}
	} );		} );

Stitch: it did

2016-07-19T16:11:31Z

it did

← Older revision		Revision as of 16:11, 19 July 2016
Line 44:		Line 44:
	// (no need to check exists first, it falls back to null)		// (no need to check exists first, it falls back to null)

			$( function () {
	if ( mw.config.get( 'wgPageName' ) === 'Template:Countdown' ) {		if ( mw.config.get( 'wgPageName' ) === 'Template:Countdown' ) {
	var deadline = new Date(2016, 07, 05, 10, 0, 0, 0); /* base 0 months */		var deadline = new Date(2016, 07, 05, 10, 0, 0, 0); /* base 0 months */
	initializeClock('clockdiv', deadline);		initializeClock('clockdiv', deadline);
	}		}
			} );

Stitch: does not seem to load properly

2016-07-19T16:10:52Z

does not seem to load properly

← Older revision		Revision as of 16:10, 19 July 2016
Line 44:		Line 44:
	// (no need to check exists first, it falls back to null)		// (no need to check exists first, it falls back to null)

	~~$( function () {~~
	if ( mw.config.get( 'wgPageName' ) === 'Template:Countdown' ) {		if ( mw.config.get( 'wgPageName' ) === 'Template:Countdown' ) {
	var deadline = new Date(2016, 07, 05, 10, 0, 0, 0); /* base 0 months */		var deadline = new Date(2016, 07, 05, 10, 0, 0, 0); /* base 0 months */
	initializeClock('clockdiv', deadline);		initializeClock('clockdiv', deadline);
	}		}
	~~} );~~

Stitch: forgot to close the document ready function

2016-07-19T16:07:20Z

forgot to close the document ready function

← Older revision		Revision as of 16:07, 19 July 2016
Line 49:		Line 49:
	initializeClock('clockdiv', deadline);		initializeClock('clockdiv', deadline);
	}		}
	}		} );

Stitch: trying to build a countdown clock

2016-07-19T16:06:07Z

trying to build a countdown clock

New page

/* Any JavaScript here will be loaded for all users on every page load. */

function getTimeRemaining(endtime) {
var t = Date.parse(endtime) - Date.parse(new Date());
var seconds = Math.floor((t / 1000) % 60);
var minutes = Math.floor((t / 1000 / 60) % 60);
var hours = Math.floor((t / (1000 * 60 * 60)) % 24);
var days = Math.floor(t / (1000 * 60 * 60 * 24));
return {
'total': t,
'days': days,
'hours': hours,
'minutes': minutes,
'seconds': seconds
};
}

function initializeClock(id, endtime) {
var clock = document.getElementById(id);
var daysSpan = clock.querySelector('.days');
var hoursSpan = clock.querySelector('.hours');
var minutesSpan = clock.querySelector('.minutes');
var secondsSpan = clock.querySelector('.seconds');

function updateClock() {
var t = getTimeRemaining(endtime);

daysSpan.innerHTML = t.days;
hoursSpan.innerHTML = ('0' + t.hours).slice(-2);
minutesSpan.innerHTML = ('0' + t.minutes).slice(-2);
secondsSpan.innerHTML = ('0' + t.seconds).slice(-2);

if (t.total <= 0) {
clearInterval(timeinterval);
}
}

updateClock();
var timeinterval = setInterval(updateClock, 1000);
}

/* only run this on the page that there is a clock div... */
// Or just a plain access for comparison
// (no need to check exists first, it falls back to null)

$( function () {
if ( mw.config.get( 'wgPageName' ) === 'Template:Countdown' ) {
var deadline = new Date(2016, 07, 05, 10, 0, 0, 0); /* base 0 months */
initializeClock('clockdiv', deadline);
}
}