Digital Clock

Impress your visitors with a digital clock that displys date and time in a standard form and it is easy to instal.

1. Copy and paste the following between your HEAD tags:-
<script language="javascript">
var clockID=0
function UpdateClock()
{
if (clockID)
{clearTimeout(clockID);
clockID = 0;}

var H,M,S,Mth,Day,AMPM,Yr
var tDate = new Date();
Day=tDate.getDate()
if (Day<10)
{Day="0"+Day;}

Mth=tDate.getMonth()+1
if (Mth==1){Mth="Jan"}
if (Mth==2){Mth="Feb"}
if (Mth==3){Mth="Mar"}
if (Mth==4){Mth="Apr"}
if (Mth==5){Mth="May"}
if (Mth==6){Mth="Jun"}
if (Mth==7){Mth="Jul"}
if (Mth==8){Mth="Aug"}
if (Mth==9){Mth="Sep"}
if (Mth==10){Mth="Oct"}
if (Mth==11){Mth="Nov"}
if (Mth==12){Mth="Dec"}

Yr=tDate.getFullYear()

H=tDate.getHours();
if (H>11)
{AMPM="pm";}
else
{AMPM="am";}

if (H>12)
{H=H-12;}

if (H<10)
{H="0"+H;}

M=tDate.getMinutes()
if (M<10)
{M="0"+M;}

S=tDate.getSeconds()
if (S<10)
{S="0"+S;}

document.theClock.theTime.value = Day + "-" + Mth + "-" + Yr + "::"
+ H + ":" + M + ":" + S + AMPM;
clockID = setTimeout("UpdateClock()",1000);
}

function StartClock() {
clockID = setTimeout("UpdateClock()",500);
}

function KillClock() {
if (clockID)
 {clearTimeout(clockID);
 clockID = 0;}
}
</script>

2. Copy and paste the following code in your BODY tag like below:
<BODY>onLoad="StartClock()" onUnload="KillClock()">

If there is already an entry in the BODY tag, separate with a semi-colan (;)

3. Also copy and paste the following code between your BODY tags where you want the clock displayed:
<div style="position:absolute; left:?; top:?">
<form name="theClock">
<a href="http://www.icb2001.com">
<input type=text name="theTime" size=22 style="color:#ff0000;background:#cccccc"></a>
</form>
</div>

You can position the display whereever you like. You change the "left" and "top" values in the "div" section below to whatever values you need. 
a) "top" is the vertical distance of the top left corner of the display starting at zero. The higher the number the lower down the page.
b) "left" is the horizontal distance of the top left corner of the display starting at zero. The higher the number the further across the page.
c) change also the color of the display and the background.

Here is an example:

If you like this clock please place a link back to our site as follows:-
<a href="http://www.icb2001.com">Health tools and health information</a>. Thank you very much.

If you have any problems or questions please let us know.