Create a live time clock in your webpage

Pin It


Sometime we need to put a live time clock in webpage. There are various codes and scripts which allows us to insert live time and date in the page . I was reading an article and found quite easier than the ones i have used in my projects. So i feel that i should share with others.

We need to follows some simple steps for this as mentioned below

Step 1:
Insert the following codes into the webpage where, we wish to appear live time clock.

<script language="javascript" src="liveclock.js">
 
/*
Live Clock Script-
By Mark Plachetta (astro@bigpond.net.au©) based on code from DynamicDrive.com
For full source code, 100's more DHTML scripts, and Terms Of Use,
visit http://www.dynamicdrive.com
*/
 
</script>

Step 2:
Insert the following codes inside the body of the html page

<body onLoad="show_clock()">
</body>

Step 3:

Download liveclock.js (by right clicking, and selecting “Save As”), and upload to your webpage directory.

Click here to view the DEMO

2 total pingbacks on this post
  1. Design Gala
Submit your comment

Please enter your name

Your name is required

Please enter a valid email address

An email address is required

Please enter your message

Twitter

  • May 2, 2012 04:15

    10 Free WordPress Theme To Make You Forget About Premium Theme http://t.co/YRiLCiVa

  • March 2, 2012 17:16

    3 Helpful Tools to Test Cross Browser Compatibility of Webpage http://t.co/FY0jh8Dn

  • March 2, 2012 16:43

    3 Helpful Tools to Test Cross Browser Compatibility of Webpage http://t.co/QUlYKInf #IE #FF #Chrome #Testing #CrossBrowser

  • March 2, 2012 12:52

    Top 5 Plugins to Build Contact Form for WordPress http://t.co/PWyR08Iq #WordPress #Plugins #ContactForm

  • June 11, 2011 02:49

    CSS 3 Transitions http://bit.ly/m0pK3t

Design Gala © 2012 All Rights Reserved

Designed by 76miles

Powered by WordPress

More in How to (15 of 16 articles)