TextClock

Example

Description

A live clock implemented by javascript.

Code

Use the following java script code inside your head tag

<SCRIPT LANGUAGE="JavaScript"> function clock() { var months=new Array(13); months[1]="January"; months[2]="February"; months[3]="March"; months[4]="April"; months[5]="May"; months[6]="June"; months[7]="July"; months[8]="August"; months[9]="September"; months[10]="October"; months[11]="November"; months[12]="December"; var digital = new Date(); var hours = digital.getHours(); var minutes = digital.getMinutes(); var seconds = digital.getSeconds(); var da = digital.getDate(); var mo = months[digital.getMonth()+1]; var ye = digital.getYear(); var amOrPm = "AM"; if (hours > 11) amOrPm = "PM"; if (hours > 12) hours = hours - 12; if (hours == 0) hours = 12; if (minutes <= 9) minutes = "0" + minutes; if (seconds <= 9) seconds = "0" + seconds; dispTime = da + " " + mo + " " + ye + " @ " + hours + ":" + minutes + ":" + seconds + " " + amOrPm; if (document.getElementById("clockid")) { document.getElementById("clockid").innerHTML = dispTime; setTimeout("clock()", 1000); } } </SCRIPT>

Then add an on load event to the body tag

Finally add a <div> tag inside your body where you wish the clock to appear

You clock should now be ready to use.

Previous Comments For This Page