Help:UTC clock

From Homestar Runner Wiki

(Difference between revisions)
Jump to: navigation, search
m (adding code, will clean up in a sec)
m (+ Applicable Cat.)
Line 95: Line 95:
     text-transform: lowercase;
     text-transform: lowercase;
  }
  }
 +
 +
[[Category:Help|{{PAGENAME}}]]

Revision as of 18:34, 25 April 2006

The following JavaScript and CSS code will add a UTC clock to every wiki page. This can be useful for comparing comment timestamps to the current time. The code was originally taken from Wikipedia:WikiProject User scripts/Scripts/Time, but it has been modified slightly for use on our modified version of the MonoBook skin.

Contents

Just below the personal menu

Use this version of the script to place the time just below your personal menu to the far right of the page action tabs.

Javascript

Put this in your monobook.js file.

// Add UTC time just below the "personal menu" list at the top of the page.
// Created by Wikipedia:User:Mathwiz2020, modified by User:JoeyDay
//
function getTime() {
  var time = new Date();
  var hours = time.getUTCHours();
  if (hours < 10) { hours = "0" + hours; }
  var minutes = time.getUTCMinutes();
  if (minutes < 10) { minutes = "0" + minutes; }
  var currentTime = hours + ":" + minutes
  document.getElementById('pt-time').childNodes[0].childNodes[0].replaceData(0, 5, currentTime);
  doTime = window.setTimeout("getTime()", 1000);
}
function makeTime() {
  var div = document.createElement( 'div' );
  div.id = 'pt-time';
  var mySpan = document.createElement( 'span' );
  mySpan.appendChild( document.createTextNode( '00:00 UTC' ) );
  div.appendChild( mySpan );
  document.getElementById( 'globalWrapper' ).parentNode.appendChild( div );
  doTime = window.setTimeout("getTime()", 1000);
}
if (window.addEventListener) window.addEventListener ('load', makeTime, false);
else if (window.attachEvent) window.attachEvent ('onload', makeTime);

CSS

Put this in your monobook.css page.

#pt-time span {
   color: #666;
   font-size: 11px;
   text-transform: lowercase;
   position: absolute;
   top: 1.9em;
   right: 2.2em;
}

On the personal menu

This section is in progress.
Another user is currently adding or changing substantial content. As a courtesy, until this tag is removed please do not edit this section unless absolutely necessary. You are still welcome to edit other parts of the page.
To the person working: This tag is not a claim to the section that you can leave and come back to later. You are expected to be adding or changing content right now. You should save your progress periodically (about every 15 to 30 minutes) or indicate in some way that you are still working, or else the tag should be removed so that other users may edit the section.


Javascript

// Add time to the "personal menu" at the top of the page.
// Created by Wikipedia:User:Mathwiz2020, modified by User:JoeyDay
//
// Indicate where you would like the time to appear:
//   pt-userpage, pt-mytalk, pt-preferences,
//   pt-watchlist, pt-mycontris, pt-logout
//
gsTimeInsertBefore = ; // leave blank to append after "logout"
//
function getTime() {
  var time = new Date();
  var hours = time.getUTCHours();
  if (hours < 10) { hours = "0" + hours; }
  var minutes = time.getUTCMinutes();
  if (minutes < 10) { minutes = "0" + minutes; }
  var currentTime = hours + ":" + minutes
  document.getElementById('pt-time').childNodes[0].childNodes[0].replaceData(0, 5, currentTime);
  doTime = window.setTimeout("getTime()", 1000);
}
function makeTime() {
  var li = document.createElement('li');
  li.id = 'pt-time';
  var mySpan = document.createElement('span');
  mySpan.appendChild( document.createTextNode( '00:00 UTC' ) );
  li.appendChild(mySpan);
  if (gsTimeInsertBefore) {
    var before = document.getElementById(gsTimeInsertBefore);
    before.appendChild( li, before );
  }
  else {
    document.getElementById('pt-logout').parentNode.appendChild(li);
  }
  doTime = window.setTimeout("getTime()", 1000);
}

CSS

#pt-time span {
   color: #666;
   font-size: 11px;
   text-transform: lowercase;
}
Personal tools