MediaWiki:Poketime.js: Difference between revisions

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";
	}