Digital Clock Example from Class
<![CDATA[
<HTML>
<HEAD>
<TITLE>Digital Clock</TITLE>
<META name="description" content="date.html">
<SCRIPT type="text/javascript">
<!-- hide JS
var today
var
Weekdays = new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday");
var Months= new Array("January","February","March","April","May","June","July","August","September","October","November","December")
function getTimeElements(today) {
today = new Date();
weekday = today.getDay();
month = today.getMonth();
date = today.getDate();
year = today.getYear();
hour=today.getHours();
minute=today.getMinutes();
seconds=today.getSeconds()
}
function updateClock() {
getTimeElements(today);
if (seconds<10) {
seconds = '0'+seconds;
}
if (minute<10) {
minute = '0'+minute;
}
if (hour>11) {
AmOrPm=" PM"
} else{
AmOrPm=" AM"
}
if (hour>12){
hour=hour-12
}
if (hour==0){
hour=12
}
document.clock.date.value=Weekdays[weekday]+" "+Months[month]+" "+date+", "+year;
document.clock.display.value=hour+":"+minute+':'+seconds+ AmOrPm;
}
function incrementClock() {
updateClock();
setTimeout("incrementClock()",1000)
}
// done hiding -->
</SCRIPT>
</HEAD>
<BODY onload="incrementClock()">
<H3>Time of Day</H3>
<form name=clock>
<input type=text name=date size=30>
<input type=text name=display size=12>
</form>
</BODY>
</HTML>
]]>