MediaWiki:Poketime.js

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

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;
        const now = new Date();
        let hh = now.getUTCHours() * 3600;
	    let mm = now.getUTCMinutes() * 60;
        let ss = now.getUTCSeconds();
        var totalseconds = hh + mm + ss;
        var pokeseconds = totalseconds * 4;
        now.setSeconds(pokeseconds + offset);
        var ph = now.getUTCHours();
	    var pm = now.getUTCMinutes();
        var time = padWithZeroes( ph ) + ':' + padWithZeroes( pm );
	    document.getElementById('poketime').innerHTML = time;
	    var ms = now.getMilliseconds();
	    setTimeout(showTime,1000);
        var scheme = document.getElementById('coloration');
        var headerbackground = document.getElementById('background');
        var iconbackground = document.getElementById('icon');
        if ( ph >= 4 && ph < 10) {
                 scheme.style.color = "#b3b377";
                 scheme.style.backgroundColor = "#FFFFAA";
                 scheme.style.border = "3px solid #b3b377";
                 headerbackground.style.backgroundColor = "#FFFFC8";
                 headerbackground.style.border = "1px solid #b3b377";
                 headerbackground.style.color = "#b3b377";
                 document.getElementById('icon').innerHTML = "Morning";
                 iconbackground.style.backgroundColor = "#b3b377";
                 iconbackground.style.color = "#FFFFC8";
} else if ( ph >= 10 && ph < 20 ) {
                 scheme.style.color = "#4192b3";
                 scheme.style.backgroundColor = "#5ED0FF";
                 scheme.style.border = "3px solid #4192b3";
                 headerbackground.style.backgroundColor = "#96E0FF";
                 headerbackground.style.border = "1px solid #4192b3";
                 headerbackground.style.color = "#4192b3";
                 document.getElementById('icon').innerHTML = "Day";
                 iconbackground.style.backgroundColor = "#4192b3";
                 iconbackground.style.color = "#96E0FF";

} else {
		 scheme.style.color = "#002347";
                 scheme.style.backgroundColor = "#003366";
                 scheme.style.border = "3px solid #002347";
                 headerbackground.style.backgroundColor = "#597A9B";
                 headerbackground.style.border = "1px solid #597A9B";
                 headerbackground.style.color = "#002347";
                 document.getElementById('icon').innerHTML = "Night";
                 iconbackground.style.backgroundColor = "#002347";
                 iconbackground.style.color = "#597A9B";
	}

}