New Revised CSS Library Forums Web Tools
FAQs Awards Usage Terms Contact
Categories
Other Sections
Sweet Ads
Compatibility
Bookmark online:

FF1+ IE5+ Opr7+

Live Clock

Description: An extremely versatile cross browser live clock script. Every aspect of it is configurable, from specifying whether to just display the time, the time plus date, to the clock's font size/color, and more. The ultimate live clock script this is!

Demo:


Directions:

Step 1: Add the below code where you wish the clock to appear on the page:

Select All

Step 2: Inside the <BODY> tag itself, throw in the following onLoad event handler, as follows:

<body onLoad="show_clock()">

Step 3: Finally, you have a big decision to make. This script requires one of the below two .js files to operate...which one to download depends on how you wish the script to display itself. The first .js file allows you to display not only the time, but date as well, while the later, just the time. There's a 3k size difference between the two files, just so you know:

Download ONE of the following two files, and upload to the directory where your webpage resides (click on file, or click with shift key depressed in NS):

-liveclock.js (6k)
-liveclock_lite.js (3k)

Should you choose the later, make sure to change the reference in the code of Step 1 to correctly reference its name. Furthermore, both files require some editing inside to configure the clock's style, which you can do through any text editor, such as Windows Notepad.