Forum:How do I add a countdown clock to a Wiki?

I've seen a few countdown clocks on different Wikis (The Simpsons wiki has one on their homepage right now http://simpsons.wikia.com/wiki/Wikisimpsons) and I was wondering how they are formed with the Wiki editing format. Thank you for all help in advance.--Klock101 23:43, September 21, 2010 (UTC) You can find me at the Uncharted Wiki


 * Well I found the code for it on Wikisimpsons at w:c:simpsons:Template:MainPageCountdown. I'm going to try it myself over at w:c:fable:User:Enodoc/User Space to see if I can get it to work. The code I found was:

-- Enodoc (Talk ) 23:54, September 21, 2010 (UTC)

MONTHNAME DATE YEAR HH:MM:SS PST Counter unavailable.
 * All you really need from that is this: Insert text here


 * You also need to add the following js code to Common.js:

// ************************************************** // Experimental javascript countdown timer (Splarka) // Version 0.0.3 // ************************************************** // // Usage example: // //  Only January 01 2007 00:00:00 PST until New years. // //  Javascript disabled.

function updatetimer(i) { var now = new Date; var then = timers[i].eventdate; var diff = count=Math.floor((then.getTime-now.getTime)/1000);

// catch bad date strings if(isNaN(diff)) { timers[i].firstChild.nodeValue = '** ' + timers[i].eventdate + ' **' ; return; }

// determine plus/minus if(diff<0) { diff = -diff; var tpm = ' '; } else { var tpm = ' '; }

// calcuate the diff var left = (diff%60) + ' seconds'; diff=Math.floor(diff/60); if(diff > 0) left = (diff%60) + ' minutes ' + left; diff=Math.floor(diff/60); if(diff > 0) left = (diff%24) + ' hours ' + left; diff=Math.floor(diff/24); if(diff > 0) left = diff + ' days ' + left timers[i].firstChild.nodeValue = tpm + left;

// a setInterval is more efficient, but calling setTimeout // makes errors break the script rather than infinitely recurse timeouts[i] = setTimeout('updatetimer(' + i + ')',1000); }

function checktimers { //hide 'nocountdown' and show 'countdown' var nocountdowns = getElementsByClassName(document, 'span', 'nocountdown'); for(var i in nocountdowns) nocountdowns[i].style.display = 'none' var countdowns = getElementsByClassName(document, 'span', 'countdown'); for(var i in countdowns) countdowns[i].style.display = 'inline'

//set up global objects timers and timeouts. timers = getElementsByClassName(document, 'span', 'countdowndate'); //global timeouts = new Array; // generic holder for the timeouts, global if(timers.length == 0) return; for(var i in timers) { timers[i].eventdate = new Date(timers[i].firstChild.nodeValue); updatetimer(i); //start it up  } } addOnloadHook(checktimers);

// ************************************************** // - end -  Experimental javascript countdown timer // **************************************************

☆ The   Solar   Dragon  ☆ 05:56, September 22, 2010 (UTC)

Thanks for the help guys! --Klock101 17:05, September 22, 2010 (UTC)

Common.js
I added the first code to my countdown template page, but now I don't know how to add the second code to "Common.js". --Joel amos 20:44, September 22, 2010 (UTC)
 * You need to be an admin. Then copy and paste the code, or get an admin to do so, into MediaWiki:Common.js. ☆ The   Solar   Dragon  ☆ 20:51, September 22, 2010 (UTC)