Create a good-looking Web2.0 style real-time clock on your website
14 February 2008Ever wanted a good-looking real-time clock on your webpage?
Here is something you will be interested in:
All you need to do is download the file and run the “clock.html” file.
If you want to use the code on your own site. Follow steps below to add codes to the pages you want the clock to appear:
Step 1. Unzip ‘clock.zip’ and Upload all the files to your websever.
Step 2. put this code in the place you want the clock to apear: (You need to change the ‘clock.js’ to include proper directory structure. For example, ‘js/clock.js’)
<script type=”text/javascript” src=”clock.js”></script>
<p><div id=”clock” name=”clock”>Loading Clock…</div></p>
Step 3. Modify the <body> tag to this:
<body onload=”StartClock()” onunload=”KillClock()”>
This line will start the clock when the page loads and close the clock when the page closed.
Note: You do not have to change anything in the “clock.js” file.
Here is the author’s website >>


One Response to “Create a good-looking Web2.0 style real-time clock on your website”
January 6th, 2010 at 10:13 am
Terrrrrrrrrrrrrrrible ! Let see this programmation skills less flash website builder create a free flash website