Show a Military Clock and ordinary clock
<html>
<SCRIPT>
var now;
function showMilitaryTime() {
if (document.theForm.showMilitary[0].checked) {
return true;
}
return false;
}
function showTheHours(theHour) {
if (showMilitaryTime() || (theHour > 0 && theHour < 13)) {
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.theForm.showTime.value =
showTheHours(now.getHours()) +
showZeroFilled(now.getMinutes()) +
showZeroFilled(now.getSeconds()) +
showAmPm();
setTimeout("showTheTime()", 1000);
}
</SCRIPT>
<BODY onLoad="showTheTime();">
<FORM NAME="theForm">
<INPUT TYPE="TEXT" NAME="showTime">
Display Military Time?
<INPUT TYPE="RADIO" NAME="showMilitary" CHECKED>Yes
<INPUT TYPE="RADIO" NAME="showMilitary">No
</FORM>
</html>
Step 2. Run the Application. Click on Button.
