HTML Source box
ltHTMLgt
ltHEADgt
ltTITLEgtJavascript Clocklt/TITLEgt
ltSCRIPT LANGUAGE = "Javascript"gt
lt!--
//the function to get the time data
function setTime() {
//initialise variables
currentTime = new Date();
var currentHours = currentTime.getHours();
var currentMinutes = currentTime.getMinutes();
//assume it is the afternoon
var currentAmPm = "pm"
//adjust for a 24 hour clock
if (currentHours gt 12)
currentHours = currentHours - 12;
else {
//set 'am' for hours 0 - 11 inclusive
if (currentHours lt= 11)
currentAmPm =
"am";
//adjust for midnight
if (currentHours == 0)
currentHours =
currentHours + 12;
}
//pad hours to two digits
if (currentHours lt= 9)
currentHours
= " " + currentHours
//pad minutes to two digits
if (currentMinutes lt= 9)
currentMinutes = "0" + currentMinutes
//build a string for the time
currentTime = currentHours + ":" + currentMinutes +
currentAmPm;
//display this string in the text box on the form
document.displayClock.time.value = currentTime
//call this function again in 10 seconds time
setTimeout ("setTime()", 10000)
}
//-->
lt/SCRIPTgt
lt/HEADgt
ltBODY OnLoad = "setTime()"gt
Javascript ClockltPgt
This is a simple Javascript clock whichltbrgt
reads the system clock and updates itltbrgt
at 10 second intervals.ltPgt
lt!-- The clock is displayed in a text box on a form --gt
ltFORM NAME = "displayClock"gt
Time: ltINPUT TYPE = "text" NAME = "time" SIZE= 8gt
lt/H1gtlt/FORMgt
lt/BODYgt
lt/HTMLgt