<html>
<head>
<title>
Date and Time in Forms
</title>
<script language="JavaScript">
<!-- Hide this script from old browsers --
/*
This script came from the 24 hour JavaScripts Site
located at http://www.javascripts.com. It is brought to
you by Eric Jarvies, Lewis Sellers, Giuseppe Lombardo,
Kurt Anderson, and David Medinets.
*/
function gettheDate() {
Todays = new Date();
TheDate = "" + (Todays.getMonth()+ 1) +" / "+ Todays.getDate() + " / " +
Todays.getYear()
document.clock.thedate.value = TheDate;
}
var timerID = null;
var timerRunning = false;
function stopclock (){
if(timerRunning)
clearTimeout(timerID);
timerRunning = false;
}
function startclock () {
stopclock();
gettheDate()
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;
// you could replace the above with this
// and have a clock on the status bar:
// window.status = timeValue;
timerID = setTimeout("showtime()",1000);
timerRunning = true;
}
// -- End Hiding Here -->
</script>
</head>
<body onLoad="startclock()" bgcolor="#FFFFFF">
<form name="clock" onSubmit="0">
<input type="text" name="thedate" size=12 value="">
<input type="text" name="face" size=12 value="">
</form>
</body>
</html>