<!-- THREE STEPS TO INSTALL CLOCK TYPE:
1. Paste the first code in the HEAD of your HTML document
2. Copy the onLoad event handler into the BODY tag
3. Add the last code in the BODY of your HTML document -->
<!-- STEP ONE: Paste the first code in the HEAD of your HTML
document -->
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- This script and many more are available free online at
-->
<!-- The JavaScript Source!! http://javascript.internet.com
-->
<!-- Begin
function showMilitaryTime() {
if (document.form.showMilitary[0].checked) {
return true;
}
return false;
}
function showTheHours(theHour) {
if (showMilitaryTime() || (theHour > 0 && theHour <
13)) {
if (theHour == "0") theHour = 12;
return (theHour);
}
if (theHour == 0) {
return (12);
}
return (theHour-12);
}
function showZeroFilled(inValue) {
if (inValue > 9) {
return "" + inValue;
}
return "0" + inValue;
}
function showAmPm() {
if (showMilitaryTime()) {
return ("");
}
if (now.getHours() < 12) {
return (" am");
}
return (" pm");
}
function showTheTime() {
now = new Date
document.form.showTime.value = showTheHours(now.getHours())
+ ":" +
showZeroFilled(now.getMinutes()) + ":" + showZeroFilled(now.getSeconds())
+
showAmPm()
setTimeout("showTheTime()",1000)
}
// End -->
</script>
<!-- STEP TWO: Add code to the body tag of your HTML document
-->
<BODY onLoad="showTheTime()">
<!-- STEP THREE: Add the last code in the BODY of your HTML
document -->
<BODY>
<center><form name=form>
<input type=text name=showTime size=11><p>
<input type=radio name=showMilitary checked>Military Time<br>
<input type=radio name=showMilitary>12 Hour Time<br>
</form></center>
<!-- Script Size: 1.56 KB --> |