C and C++ Programming Resources

Share/Save/Bookmark
RSS - EMAIL
Custom Search

Clock Type

Posted on October 21st, 2008

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!

/*******************************************************
*     MYCPLUS Sample Code - http://www.mycplus.com     *
*                                                     *
*   This code is made available as a service to our   *
*      visitors and is provided strictly for the      *
*               purpose of illustration.              *
*                                                     *
* Please direct all inquiries to saqib at mycplus.com *
*******************************************************/

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

<!--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()",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: ,

Like What you See?

Become one of the regulars by subscribing! You'll be the first to know when we add more great posts just like this. Join up by either RSS Feeds or Email Updates today!

There are No Comments to this post. You can follow any responses to this entry through the RSS 2.0 feed. You can skip to the end and leave a response or TrackBack from your own site.

Leave a Reply

You must be logged in to post a comment.