« PreviousNext »

Create a good-looking Web2.0 style real-time clock on your website

14 February 2008

Ever wanted a good-looking real-time clock on your webpage?

Here is something you will be interested in:

web2.0 clock

Check out the effects here>>

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 >>

Posted in Web Development | Trackback | del.icio.us | Top Of Page

    One Response to “Create a good-looking Web2.0 style real-time clock on your website”

  1. Renetta Meerdink Says:

    Terrrrrrrrrrrrrrrible ! Let see this programmation skills less flash website builder create a free flash website

Leave a Reply