MediaWiki:Poketime.js: Difference between revisions

From Pokemon Revolution Online Wiki
Jump to navigation Jump to search
← Older edit
mNo edit summary
No edit summary
 
(10 intermediate revisions by the same user not shown)
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 6: Line 4:
return num < 10 ? '0' + num.toString() : num.toString();  
return num < 10 ? '0' + num.toString() : num.toString();  
}
}
 
function showTime() {
function showTime( $target ) {
         var offset = 172909;
         var offset = 172861;
         var now = new Date();
         var now = new Date();
         var hh = now.getUTCHours() * 3600;
         var hh = now.getUTCHours() * 3600;
var mm = now.getUTCMinutes() * 60;
    var mm = now.getUTCMinutes() * 60;
         var ss = now.getUTCSeconds();
         var ss = now.getUTCSeconds();
         var totalseconds = hh + mm + ss;
         var totalseconds = hh + mm + ss;
Line 24: Line 21:
         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 56: Line 56:
                 iconbackground.style.color = "#597A9B";
                 iconbackground.style.color = "#597A9B";
}
}
// 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 );
} );

Latest revision as of 23:21, 21 October 2021

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 now = new Date();
        var hh = now.getUTCHours() * 3600;
	    var mm = now.getUTCMinutes() * 60;
        var ss = now.getUTCSeconds();
        var totalseconds = hh + mm + ss;
        var pokeseconds = totalseconds * 4;
        now.setSeconds(pokeseconds + offset);
	// Set the time.
        var ph = now.getUTCHours();
	var pm = now.getUTCMinutes();
        var time = padWithZeroes( ph ) + ':' + padWithZeroes( pm );
	document.getElementById('poketime').innerHTML = time;
        var scheme = document.getElementById('coloration');
        var headerbackground = document.getElementById('background');
        var iconbackground = document.getElementById('icon');
        }
        setInterval(showTime, 1000)
            
        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";
	}
Retrieved from "https://wiki.pokemonrevolution.net/index.php?title=MediaWiki:Poketime.js&oldid=27675"