ADVERTISEMENT

JavaScript Program to show Clock Type

ADVERTISEMENT

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!

Many people confuse about JavaScript array [] and object {}, so this tutorial will explain the difference in between JavaScript {} and []

<!-- 
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 -->

&nbsp;

<script language="JavaScript">

<!--Total Java Scripts 99 - Next Step Software-->

<!-- Begin 

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();   
} 

setTimeout("showTheTime()",100);


// End -->
</script>

&nbsp;

<!-- STEP THREE: Add the last code in the BODY of your HTML document -->

&nbsp;

&nbsp;

<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>&nbsp;

<!-- Script Size: 1.56 KB -->

 

ADVERTISEMENT
M. Saqib: 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.
Related Post