Clock Type
Written by admin on December 25, 2008 – 8:22 am -This is a really neat little script that can display the current time in “Military Time” or “12 Hour Time” with the push of a button. Give it a try, it’s neat!
Author: Unknown
<!-- 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">
<!-- 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>
<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 –>
Tags: clock
Posted in Clocks |