Samples of Countdown Timers

Countdown to the start of Winter in the Northern Hemisphere:

December 21, 2010; 6:38 PM Eastern Standard Time (EST)

Get the code for iWeb ≥ '08

Countdown to a date & time with time zone setting

Below are samples and links to the javascript codes of a countdown timer in a variety of styles. I first found a javascript code for a countdown timer at www.javascriptkit.com but it only counted down to a specified date, so I modified it to add the ability to countdown to a date and time, then modified it some more into the variety of styles that are sampled below.

New as of January 10, 2010, I have added a time zone setting so that the countdown timer counts down to the date and time based on the time zone you select, not on the viewer’s time zone. Without this setting, if I set the countdown target date as, for example, January 10 at 12:00pm, the timer would count down to that date and time at the time zone of the viewer. In other words, I am in Cleveland, Ohio, USA (Eastern Time Zone) but if someone is in Sidney, Australia, then the countdown timer viewed from their computer in Sidney would countdown to Jan 10, 12:00pm Sidney time, not Cleveland time. Now, with this new time zone setting it would countdown to 12:00pm Cleveland time, regardles of where one is viewing it. You are able to set the time zone that you want it to count down to in the script.

This site provides instructions for inserting a countdown timer into your web page using either Apple's iWeb or other HTML editors. For instructions if you are using iWeb'06 (version 1.0; part of iLife '06), click here; if you are using iWeb '08 (version 2.0; part of iLife '08) or iWeb ’09 (version3.0; part of iLife ’09), click here. To get instructions on how to insert the countdown timer code in another HTML editor, click here.

Get the code for iWeb ≥ '08

Internet Explorer 6.0 (Windows)

Internet Explorer 7 & 8 (Windows)

FireFox 2.x & 3.x (Windows and Mac)

Safari 3.x & 4.x (Windows and Mac OS 10.4.9 and higher)

Note: the scripts for these timers have been tested and will show up and work appropriately on the browsers noted below. These include Safari 3.x and greater on both a Mac running OS 10.4.9 and later, including Mac OS 10.5 (Leopard) and 10.6 (Snow Leopard), and a PC running Windows XP and Vista; FireFox 2.x and greater on Mac and Windows; and Internet Explorer 6.0 and greater on Windows.

Feel free to e-mail me with any questions, comments, suggestions or to let me know of other browsers that either support or don't support the codes as shown.

Get the code for other editor

NOTE: if you are using iWeb '06 (version 1.x), see the instructions here.