MediaWiki:Poketime.js - Revision history

Naero at 23:21, 21 October 2021

2021-10-21T23:21:43Z

← Older revision		Revision as of 23:21, 21 October 2021
Line 4:		Line 4:
	return num < 10 ? '0' + num.toString() : num.toString();		return num < 10 ? '0' + num.toString() : num.toString();
	}		}

	function showTime() {		function showTime() {
	var offset = 172909;		var offset = 172909;
	~~const~~ now = new Date();		var now = new Date();
	~~let~~ hh = now.getUTCHours() * 3600;		var hh = now.getUTCHours() * 3600;
	~~let~~ mm = now.getUTCMinutes() * 60;		var mm = now.getUTCMinutes() * 60;
	~~let~~ ss = now.getUTCSeconds();		var ss = now.getUTCSeconds();
	var totalseconds = hh + mm + ss;		var totalseconds = hh + mm + ss;
	var pokeseconds = totalseconds * 4;		var pokeseconds = totalseconds * 4;
	now.setSeconds(pokeseconds + offset);		now.setSeconds(pokeseconds + offset);
			// Set the time.
	var ph = now.getUTCHours();		var ph = now.getUTCHours();
	var pm = now.getUTCMinutes();		var pm = now.getUTCMinutes();
	var time = padWithZeroes( ph ) + ':' + padWithZeroes( pm );		var time = padWithZeroes( ph ) + ':' + padWithZeroes( pm );
	document.getElementById('poketime').innerHTML = time;		document.getElementById('poketime').innerHTML = time;
	~~var ms = now.getMilliseconds();~~
	~~setTimeout(showTime,1000)~~;
	var scheme = document.getElementById('coloration');		var scheme = document.getElementById('coloration');
	var headerbackground = document.getElementById('background');		var headerbackground = document.getElementById('background');
	var iconbackground = document.getElementById('icon');		var iconbackground = document.getElementById('icon');
			}
			setInterval(showTime, 1000)

	if ( ph >= 4 && ph < 10) {		if ( ph >= 4 && ph < 10) {
	scheme.style.color = "#b3b377";		scheme.style.color = "#b3b377";
Line 55:		Line 56:
	iconbackground.style.color = "#597A9B";		iconbackground.style.color = "#597A9B";
	}		}

	}

	~~function startTime() {~~
	~~const today = new Date();~~
	~~let h = today.getHours();~~
	~~let m = today.getMinutes();~~
	~~let s = today.getSeconds();~~
	~~m = checkTime(m);~~
	~~s = checkTime(s);~~
	~~document.getElementById('txt').innerHTML = h + ":" + m + ":" + s;~~
	~~setTimeout(startTime, 1000);~~
	}

	~~function checkTime(i) {~~
	~~if (i < 10) {i = "0" + i}; // add zero in front of numbers < 10~~
	~~return i;~~
	}

Naero at 19:52, 14 September 2021

2021-09-14T19:52:23Z

← Older revision		Revision as of 19:52, 14 September 2021
Line 56:		Line 56:
	}		}

			}

			function startTime() {
			const today = new Date();
			let h = today.getHours();
			let m = today.getMinutes();
			let s = today.getSeconds();
			m = checkTime(m);
			s = checkTime(s);
			document.getElementById('txt').innerHTML = h + ":" + m + ":" + s;
			setTimeout(startTime, 1000);
			}

			function checkTime(i) {
			if (i < 10) {i = "0" + i}; // add zero in front of numbers < 10
			return i;
	}		}

Naero at 23:27, 19 August 2021

2021-08-19T23:27:20Z

← Older revision		Revision as of 23:27, 19 August 2021
Line 1:		Line 1:
	~~mw.loader.using( ['mediawiki.util', 'mediawiki.api', 'mediawiki.notify'] ).then( function () {~~

	function padWithZeroes( num ) {		function padWithZeroes( num ) {
	// Pad a number with zeroes. The number must be an integer where		// Pad a number with zeroes. The number must be an integer where
Line 59:		Line 57:

	}		}
	~~} );~~

Naero at 23:16, 19 August 2021

2021-08-19T23:16:14Z

← Older revision		Revision as of 23:16, 19 August 2021
Line 1:		Line 1:
			mw.loader.using( ['mediawiki.util', 'mediawiki.api', 'mediawiki.notify'] ).then( function () {

	function padWithZeroes( num ) {		function padWithZeroes( num ) {
	// Pad a number with zeroes. The number must be an integer where		// Pad a number with zeroes. The number must be an integer where
Line 57:		Line 59:

	}		}
			} );

Naero at 23:13, 19 August 2021

2021-08-19T23:13:40Z

← Older revision		Revision as of 23:13, 19 August 2021
Line 1:		Line 1:
	function showTime( ~~$target~~ ) {		function padWithZeroes( num ) {
			// Pad a number with zeroes. The number must be an integer where
			// 0 <= num < 100.
			return num < 10 ? '0' + num.toString() : num.toString();
			}

			function showTime() {
	var offset = 172909;		var offset = 172909;
	~~var~~ now = new Date();		const now = new Date();
	~~var~~ hh = now.getUTCHours() * 3600;		let hh = now.getUTCHours() * 3600;
	~~var~~ mm = now.getUTCMinutes() * 60;		let mm = now.getUTCMinutes() * 60;
	~~var~~ ss = now.getUTCSeconds();		let ss = now.getUTCSeconds();
	var totalseconds = hh + mm + ss;		var totalseconds = hh + mm + ss;
	var pokeseconds = totalseconds * 4;		var pokeseconds = totalseconds * 4;
	now.setSeconds(pokeseconds + offset);		now.setSeconds(pokeseconds + offset);
	~~// Set the time.~~
	var ph = now.getUTCHours();		var ph = now.getUTCHours();
	var pm = now.getUTCMinutes();		var pm = now.getUTCMinutes();
	var time = padWithZeroes( ph ) + ':' + padWithZeroes( pm );		var time = padWithZeroes( ph ) + ':' + padWithZeroes( pm );
	document.getElementById('poketime').innerHTML = time;		document.getElementById('poketime').innerHTML = time;
			var ms = now.getMilliseconds();
			setTimeout(showTime,1000);
	var scheme = document.getElementById('coloration');		var scheme = document.getElementById('coloration');
	var headerbackground = document.getElementById('background');		var headerbackground = document.getElementById('background');
Line 49:		Line 56:
	}		}

	~~// Schedule the next time change.~~
	//
	~~// We schedule the change for 100 ms _after_ the next clock tick. The delay~~
	~~// from setTimeout is not precise, and if we aim exactly for the tick, there~~
	~~// is a chance that the function will run slightly before it. If this~~
	~~// happens, we will display the same time for two seconds in a row - not~~
	~~// good. By scheduling 100 ms after the tick, we will always be about 100 ms~~
	~~// late, but we are also very likely to display a new time every second.~~
	~~var ms = now.getMilliseconds();~~
	~~setTimeout( function () {~~
	~~showTime( $target );~~
	~~}, 1100 - ms );~~
	}		}

	~~$( showTime );~~

Naero at 23:08, 19 August 2021

2021-08-19T23:08:35Z

← Older revision		Revision as of 23:08, 19 August 2021
Line 1:		Line 1:
			function showTime( $target ) {

	~~function padWithZeroes( num ) {~~
	~~// Pad a number with zeroes. The number must be an integer where~~
	~~// 0 <= num < 100.~~
	~~return num < 10 ? '0' + num.toString() : num.toString();~~
	}

	function showTime() {
	var offset = 172909;		var offset = 172909;
	~~const~~ now = new Date();		var now = new Date();
	~~let~~ hh = now.getUTCHours() * 3600;		var hh = now.getUTCHours() * 3600;
	~~let~~ mm = now.getUTCMinutes() * 60;		var mm = now.getUTCMinutes() * 60;
	~~let~~ ss = now.getUTCSeconds();		var ss = now.getUTCSeconds();
	var totalseconds = hh + mm + ss;		var totalseconds = hh + mm + ss;
	var pokeseconds = totalseconds * 4;		var pokeseconds = totalseconds * 4;
	now.setSeconds(pokeseconds + offset);		now.setSeconds(pokeseconds + offset);
			// Set the time.
	var ph = now.getUTCHours();		var ph = now.getUTCHours();
	var pm = now.getUTCMinutes();		var pm = now.getUTCMinutes();
	var time = padWithZeroes( ph ) + ':' + padWithZeroes( pm );		var time = padWithZeroes( ph ) + ':' + padWithZeroes( pm );
	document.getElementById('poketime').innerHTML = time;		document.getElementById('poketime').innerHTML = time;
	~~var ms = now.getMilliseconds();~~
	~~setTimeout(showTime,1000)~~;
	var scheme = document.getElementById('coloration');		var scheme = document.getElementById('coloration');
	var headerbackground = document.getElementById('background');		var headerbackground = document.getElementById('background');
Line 58:		Line 49:
	}		}

			// Schedule the next time change.
			//
			// We schedule the change for 100 ms _after_ the next clock tick. The delay
			// from setTimeout is not precise, and if we aim exactly for the tick, there
			// is a chance that the function will run slightly before it. If this
			// happens, we will display the same time for two seconds in a row - not
			// good. By scheduling 100 ms after the tick, we will always be about 100 ms
			// late, but we are also very likely to display a new time every second.
			var ms = now.getMilliseconds();
			setTimeout( function () {
			showTime( $target );
			}, 1100 - ms );
	}		}

			$( showTime );

Naero at 23:06, 19 August 2021

2021-08-19T23:06:02Z

← Older revision		Revision as of 23:06, 19 August 2021
Line 1:		Line 1:
	~~mw.loader.using( ['mediawiki.util', 'mediawiki.api', 'mediawiki.notify'] ).then( function () {~~

	function padWithZeroes( num ) {		function padWithZeroes( num ) {
Line 58:		Line 58:
	}		}

	}
	}		}

Naero at 23:04, 19 August 2021

2021-08-19T23:04:51Z

← Older revision		Revision as of 23:04, 19 August 2021
Line 1:		Line 1:
			mw.loader.using( ['mediawiki.util', 'mediawiki.api', 'mediawiki.notify'] ).then( function () {

	function padWithZeroes( num ) {		function padWithZeroes( num ) {
	// Pad a number with zeroes. The number must be an integer where		// Pad a number with zeroes. The number must be an integer where
Line 56:		Line 58:
	}		}

			}
	}		}

Naero at 23:04, 19 August 2021

2021-08-19T23:04:02Z

← Older revision		Revision as of 23:04, 19 August 2021
Line 1:		Line 1:
	~~mw.loader.using( ['mediawiki.util', 'mediawiki.api', 'mediawiki.notify'] ).then( function () {~~

	function padWithZeroes( num ) {		function padWithZeroes( num ) {
	// Pad a number with zeroes. The number must be an integer where		// Pad a number with zeroes. The number must be an integer where
Line 7:		Line 5:
	}		}

	function showTime( ~~$target~~ ) {		function showTime() {
	var offset = 172909;		var offset = 172909;
	~~var~~ now = new Date();		const now = new Date();
	~~var~~ hh = now.getUTCHours() * 3600;		let hh = now.getUTCHours() * 3600;
	~~var~~ mm = now.getUTCMinutes() * 60;		let mm = now.getUTCMinutes() * 60;
	~~var~~ ss = now.getUTCSeconds();		let ss = now.getUTCSeconds();
	var totalseconds = hh + mm + ss;		var totalseconds = hh + mm + ss;
	var pokeseconds = totalseconds * 4;		var pokeseconds = totalseconds * 4;
	now.setSeconds(pokeseconds + offset);		now.setSeconds(pokeseconds + offset);
	~~// Set the time.~~
	var ph = now.getUTCHours();		var ph = now.getUTCHours();
	var pm = now.getUTCMinutes();		var pm = now.getUTCMinutes();
	var time = padWithZeroes( ph ) + ':' + padWithZeroes( pm );		var time = padWithZeroes( ph ) + ':' + padWithZeroes( pm );
	document.getElementById('poketime').innerHTML = time;		document.getElementById('poketime').innerHTML = time;
			var ms = now.getMilliseconds();
			setTimeout(showTime,1000);
	var scheme = document.getElementById('coloration');		var scheme = document.getElementById('coloration');
	var headerbackground = document.getElementById('background');		var headerbackground = document.getElementById('background');
Line 57:		Line 56:
	}		}

	~~// Schedule the next time change.~~
	//
	~~// We schedule the change for 100 ms _after_ the next clock tick. The delay~~
	~~// from setTimeout is not precise, and if we aim exactly for the tick, there~~
	~~// is a chance that the function will run slightly before it. If this~~
	~~// happens, we will display the same time for two seconds in a row - not~~
	~~// good. By scheduling 100 ms after the tick, we will always be about 100 ms~~
	~~// late, but we are also very likely to display a new time every second.~~
	~~var ms = now.getMilliseconds();~~
	~~setTimeout( function () {~~
	~~showTime( $target );~~
	~~}, 1100 - ms );~~
	}		}

	~~$( showTime );~~
	~~} );~~

Naero at 18:17, 4 June 2020

2020-06-04T18:17:41Z

← Older revision		Revision as of 18:17, 4 June 2020
Line 8:		Line 8:

	function showTime( $target ) {		function showTime( $target ) {
	var offset = ~~172899~~;		var offset = 172909;
	var now = new Date();		var now = new Date();
	var hh = now.getUTCHours() * 3600;		var hh = now.getUTCHours() * 3600;