Forum:Time

Hi Wikia! Can you help me on how to create a watch on your Wiki like the one below? Thanks!



I Have Come For Your Head! - SilverWingsxxx 03:36, May 14, 2011 (UTC)

Add this to MediaWiki:Wikia.js // ============================================================ // displayTimer - 2/1/11 // ============================================================ //Add a clock to the WikiHeader //Modified from work by Patrick Westerhoff [poke]: //http://bulbapedia.bulbagarden.net/wiki/MediaWiki:Monobook.js hookEvent( 'load', displayTimer ); function displayTimer {   if ( typeof( timerDisplay ) !== 'undefined' && timerDisplay === false ) return; var date; if (skin == 'oasis') {   var timerParent = document.getElementById( 'WikiHeader' ).getElementsByTagName( 'div' )[0]; }   if (skin == 'monobook') {   var timerParent = document.getElementById( 'p-personal' ).getElementsByTagName( 'ul' )[0]; }   var timerLink   = document.createElement( 'a' ); var timerObj   = document.createElement( 'li' ); timerLink.href              = '/wiki/' + wgPageName + '?action=purge'; timerLink.title             = 'Purge the server cache and update the contents of this page.' timerObj.id                 = 'displayTimer'; timerObj.style.textTransform = 'none'; timerObj.style.fontWeight   = 'bold'; timerObj.style.fontSize     = '100%'; timerObj.appendChild( timerLink ); timerParent.insertBefore( timerObj, timerParent.firstChild ); if (skin == 'oasis') {       $('#displayTimer').css({'position': "inherit", 'right': "0px", 'top': "-28px"}); }   var month = new Array(12); month[0] = "Jan"; month[1] = "Feb"; month[2] = "Mar"; month[3] = "Apr"; month[4] = "May"; month[5] = "Jun"; month[6] = "Jul"; month[7] = "Aug"; month[8] = "Sep"; month[9] = "Oct"; month[10] = "Nov"; month[11] = "Dec"; function actualizeUTC {       timerDate           = new Date; timerLink.innerHTML = ( timerDate.getUTCDate    < 10 ? '0' : '' ) + timerDate.getUTCDate     + ' ' + ( timerDate.getUTCMonth   < 10 ?  :   ) + month[timerDate.getUTCMonth] + ' ' + ( timerDate.getUTCFullYear < 10 ? '0' : '' ) + timerDate.getUTCFullYear + ' ' + ( timerDate.getUTCHours   < 10 ? '0' : '' ) + timerDate.getUTCHours    + ':' + ( timerDate.getUTCMinutes < 10 ? '0' : '' ) + timerDate.getUTCMinutes  + ':' + ( timerDate.getUTCSeconds < 10 ? '0' : '' ) + timerDate.getUTCSeconds  + ' (UTC)'; }   function actualizeCustom {       timerDate           = new Date; timerDate.setMinutes ( timerDate.getMinutes + timerDate.getTimezoneOffset + timerTimezone * 60 ); timerLink.innerHTML = ( timerDate.getDate    < 10 ? '0' : '' ) + timerDate.getDate     + ' ' + ( timerDate.getMonth   < 10 ?  :   ) + month[timerDate.getMonth] + ' ' + ( timerDate.getFullYear < 10 ? '0' : '' ) + timerDate.getFullYear + ' ' + ( timerDate.getHours   < 10 ? '0' : '' ) + timerDate.getHours    + ':' + ( timerDate.getMinutes < 10 ? '0' : '' ) + timerDate.getMinutes  + ':' + ( timerDate.getSeconds < 10 ? '0' : '' ) + timerDate.getSeconds + ' (UTC' + ( timerTimezone < 0 ? '' : '+' ) + timerTimezone + ')'; }   // start if ( typeof( timerTimezone ) !== 'number' ) {       actualizeUTC; setInterval( actualizeUTC, 1000 ); }   else {       actualizeCustom; setInterval( actualizeCustom, 1000 ); } } --


 * Thanks but it didn't work. Is it supposed to take effect after a day or something? -I Have Come For Your Head! - SilverWingsxxx 03:51, May 14, 2011 (UTC)


 * You need to clear your cache.-- 03:54, May 14, 2011 (UTC)
 * The CTRL+F5 thing? Done and still doesn't work. -I Have Come For Your Head! - SilverWingsxxx 03:59, May 14, 2011 (UTC)
 * Give it some time then, it will clear in a little on its own.--
 * Its been two days and still no changes. Can anyone help? -Time rocks! - SilverWingsxxx 02:23, May 17, 2011 (UTC)
 * It didnot work for me too,then I just cleared up the entire JS..refilled it again..cleared my browser's cache(not just bypass it.)..it worked the next moment.
 * It didnot work for me too,then I just cleared up the entire JS..refilled it again..cleared my browser's cache(not just bypass it.)..it worked the next moment.

(reset indent) SilverWingsxxx, the easiest way to enlist help is not to ask for it but rather give us links as to where it is you are trying to get this to work. It is near impossible to even fathom what or where the error is unless we have that information. Unless I missed it, no where have you stated which wiki you intend to place this on nor linked any pages as to where you attempted to place this code. If the code is placed where it was mentioned to be placed and it doesn't work, the only thing I can guess with that information is that your JS file has one or more mismatched brackets that is causing the JS to load improperly or not at all. Please link the wiki so someone can investigate. Rappy 09:59, May 17, 2011 (UTC)