This is a small script that can display the current time in “Military Time” format or “12 Hour Time” format with the push of a button.
Many people confuse about JavaScript array [] and object {}, so this tutorial will explain the difference in between JavaScript {} and []
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 |
<!-- STEP ONE: Paste the first code in the HEAD of your HTML document --> <script language="JavaScript"> function showMilitaryTime() { if (document.form.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.form.showTime.value = showTheHours(now.getHours()) + ":" + showZeroFilled(now.getMinutes()) + ":" + showZeroFilled(now.getSeconds()); showAmPm(); } setInterval(showTheTime(),5000); </script> <!-- STEP THREE: Add the last code in the BODY of your HTML document --> <form name="form"> <input name="showTime" size="11" type="text" /> <input checked="checked" name="showMilitary" type="radio" />Military Time <input name="showMilitary" type="radio" />12 Hour Time </form><br> |
