Clock Type - JavaScript Made Easy: Free JavaScripts Tutorials Example Code

WebSiteMadeEasy.net

|

FontsMadeEasy.com

|

RankChecker.net

Submit your Script

Google Search:

Learn Java Script Today

|

Over 5000 Free Fonts

|

|

Javascript Forum

|

Other Javascript Resources

|

JavaScript Basics

Inserting Javascript

Complete Tutorial

Advance DHTML Tutorial


Clock Type

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! Military Time 12 Hour Time


Insert into <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>

Insert into <BODY>
<BODY onLoad="showTheTime()"> <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>

Other Options