Show the current time like a clock on the page using javascript in 3 steps!

this script uses the Javascript Date object and the SetTimeout method to show the current time on the web page.
Get the clock to show up on your site in just simple copy and paste. its that simple!

1 - Main Script:

Copy the following code into the "head" section of your page.

<br /> <script language="javascript"> var month_arr = new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"); function showDate(){ var time = calculateDate(); document.getElementById('watch').innerHTML= time; t = setTimeout("showDate()",1000); } function calculateDate(){ var now = new Date(); var hour = now.getHours(); hour = (hour>12)?hour-12:hour; hour = (hour<10)?'0'+hour:hour; var hour_12hrformat = (hour>=12)?' PM': ' AM'; var min = now.getMinutes(); min = (min<10)?'0'+min:min; var sec = now.getSeconds(); sec =(sec<10)?'0'+sec:sec; var month = now.getMonth(); var day = now.getDate(); var year = now.getYear(); var time = month_arr[month]+' '+day+', '+hour+':'+min+':'+sec+' '+hour_12hrformat; return time; } </script>

2 - Change the body tag:

Add an onLoad handler to the body tag of your page to look something like this. onLoad="javascript:showDate()"

3 - Add the "id" attribute:

last but not the least add an id to the tag where you want the date to be displayed. The html markup should look something like this <div id="watch"> </div>
And Viola! you are done.