MediaWiki:Poketime.js: Difference between revisions

From Pokemon Revolution Online Wiki
Jump to navigation Jump to search
← Older editNewer edit →
No edit summary
Tag: Reverted
No edit summary
Tag: Manual revert
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 );

Revision as of 23:13, 19 August 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;
        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";
	}

}
Retrieved from "https://wiki.pokemonrevolution.net/index.php?title=MediaWiki:Poketime.js&oldid=27386"