<body bgcolor="#ffe4c4" text="#000000" link="#0000FF" vlink="#800080" alink="#FF0000" onload="startit()">
<center><h1>Two More Clocks</h1></center>
<center>
<form method="post"><a href="javascript:startclock()" onmouseover="window.status='Click me to start the clock!'; return true" onmouseout="window.status=''; return true;"><img src="start.gif" width=54 height=22 alt="[Start]" border=0></a></form>
<form method="post" name="clock" onsubmit="0"><input type="text" name="face" size=12 value ="Press Start         (WebClock)"></form>
<form method="post"><a href="javascript:stopclock()" onmouseover="window.status='Click me to stop the clock!'; return true" onmouseout="window.status=''; return true;"><img src="stop.gif" width=54 height=22 alt="[Stop]" border=0></a>
</form>
</center>
<p></p><p></p>

<script language="JavaScript">
<!--
var timerID = null
var timerRunning = false
function stopclock(){
    if(timerRunning)
        clearTimeout(timerID)
    timerRunning = false
}
function startclock(){
    stopclock()
    showtime()
}

function showtime(){
    var now = new Date()
    var hours = now.getHours()
    var minutes = now.getMinutes()
    var seconds = now.getSeconds()
    var timeValue = "" + ((hours > 12) ? hours - 12 : hours)
    timeValue  += ((minutes < 10) ? ":0" : ":") + minutes
    timeValue  += ((seconds < 10) ? ":0" : ":") + seconds
    timeValue  += (hours >= 12) ? " P.M." : " A.M."
    document.clock.face.value = timeValue
    timerID = setTimeout("showtime()",1000)
    timerRunning = true
}
//-->
</script>
<hr>
<center><h3>Date and time</h3></center>
<!-- Cut-N-Paste JavaScript from ISN Toolbox 
Copyright 1996, Infohiway Server Network.  Restricted use is hereby
granted (both personal and commercial use OK so long as this code is 
not *directly* sold), providing this notice is buried somewhere deep
in your HTML document.  A link to http://www.infohiway.com is always 
appreciated, but is absolutely and positively not necessary. :-) -->
<script language="JavaScript">
<!--Hide JavaScript from Java-Impaired Browsers
var isn1 = null;
var isn2 = false;
today=new Date();

function stopit(){
    if(isn2){
        clearTimeout(isn1);
        }
    isn2 = false;
    }

function startit(){
    stopit();
    isnclock();
    }

function isnclock(){
    var now = new Date()
    var hrs = now.getHours()
    var min = now.getMinutes()
    var sec = now.getSeconds()
    document.clckh.disp.value = "" + ((hrs > 12) ? hrs - 12 : hrs) 
    document.clckm.disp.value = ((min < 10) ? "0" : "") + min
    document.clcks.disp.value = ((sec < 10) ? "0" : "") + sec
    document.clck.disp.value = (hrs >= 12) ? "p.m." : "a.m."
    isn1 = setTimeout("isnclock()",1000)
    isn2 = true
}
// Build an array initializer
function isnArray() {
  argnr = isnArray.arguments.length
  for (var i = 0; i < argnr; i++)
  this[i+1] = isnArray.arguments[i]
  }
// And months and day arrays
var isnMonths= new isnArray("January","February","March","April","May","June","July","August","September","October","November","December");

//-->
</script>

<!--We start the clock running in the BODY call-->

<!--Print the Real-Time Clock to Screen-->
<center><table border=2>
<tr>
<td><b>Time</b></td><td>Hour</td><td>Min</td><td>Sec</td><td></td>
</tr>
<tr>
<td></td>
<td valign=top><form name="clckh" onsubmit="0">
<input type="text" name="disp" size=2 value ="">
</form></td>
<td valign=top><form name="clckm" onsubmit="0">
<input type="text" name="disp" size=2 value ="">
</form></td>
<td valign=top><form name="clcks" onsubmit="0">
<input type="text" name="disp" size=2 value ="">
</form></td>
<td valign=top><form name="clck" onsubmit="0">
<input type="text" name="disp" size=4 value ="">
</form></td></tr>
<script language="JavaScript">
<!--Hide JavaScript from Java-Impaired Browsers
  document.write("<TR><TD><B>Date</B></TD><TD COLSPAN=4>"
   + isnMonths[today.getMonth() + 1]
    + " " + today.getDate() + ", " + today.getYear());
// Finish hiding of script -->
</script></td>
</tr>
</table></center>
