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> |
Saqib is Master-level Senior Software Engineer with over 14 years of experience in designing and developing large-scale software and web applications. He has more than eight years experience of leading software development teams. Saqib provides consultancy to develop software systems and web services for Fortune 500 companies. He has hands-on experience in C/C++ Java, JavaScript, PHP and .NET Technologies. Saqib owns and write contents on mycplus.com since 2004.
