أريد شرحآ عن الساعة والتقويم بالجافا سكربت

السلام عليكم ..

مساء الخير ..

أريد شرحا أو (تعليق) للمثالين عن الساعة والتقويم بالجافا سكربت:

المثال الأول عن الساعة:

<HTML>
<HEAD>
	<TITLE>JavaScript Clock</TITLE>
	<script LANGUAGE="JAVASCRIPT" TYPE="TEXT/JAVASCRIPT">
	<!-- Hide script from old browsers

	function showMilitaryTime() {
		if (document.theForm.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.theForm.showTime.value = showTheHours(now.getHours()) +  showZeroFilled(now.getMinutes()) + showZeroFilled(now.getSeconds()) + showAmPm()
		setTimeout("showTheTime()",1000)
	}

	// End hiding script from old browsers -->
	</SCRIPT>	
</HEAD>
<BODY BGCOLOR="WHITE" onLoad="showTheTime()">
<DIV ALIGN="CENTER">
	<FORM NAME="theForm">
		<INPUT TYPE="TEXT" NAME="showTime" SIZE="15"><BR><BR>
		Display Military Time?
		<INPUT TYPE="RADIO" NAME="showMilitary" CHECKED>Yes   
		<INPUT TYPE="RADIO" NAME="showMilitary">No
	</FORM>
</DIV>
</BODY>
</HTML>

المثال الثاني عن التقويم:

<html><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<title>Calendar</title>
	<script language="JAVASCRIPT" type="TEXT/JAVASCRIPT">
	<!-- Hide script from old browsers

		dayInfo = new Array
		dayInfo[2] = "Dad's Birthday"
		dayInfo[5] = "Rehearsal Dinner"
		dayInfo[6] = "Wedding Day"
		dayInfo[7] = "Fly to London, England"
		dayInfo[8] = "Fly to Barcelona, Spain\rEmbark on ship"
		dayInfo[10] = "Monte Carlo, Monaco"
		dayInfo[11] = "Rome, Italy"
		dayInfo[12] = "Naples, Italy"
		dayInfo[13] = "Mother's Day\rValletta, Malta"
		dayInfo[15] = "Shawn's Birthday\rEphesus, Turkey"
		dayInfo[16] = "Athens, Greece"
		dayInfo[17] = "Olympia, Greece"
		dayInfo[18] = "3rd Friday Book Club"
		dayInfo[19] = "Venice, Italy"
		dayInfo[21] = "Fly to London\rFly to San Francisco"
		dayInfo[24] = "Mae's Birthday\rTwilight Parade\rCountry Fair"
		dayInfo[25] = "Country Fair"
		dayInfo[26] = "Country Fair"
		dayInfo[28] = "Memorial Day"
		dayInfo[30] = "Jazz Festival"
		dayInfo[31] = "Jazz Festival"

		function showInfo(thisDay) {
			document.calendar.dateInfo.value = dayInfo[thisDay]
		}

	// End hiding script from old browsers -->
	</script>	
</head>
<body bgcolor="WHITE">
<table align="LEFT" cellpadding="2" cellspacing="2">
	<tbody><tr>
		<th colspan="7">May 2001</th>
		<td rowspan="6">   </td>
	</tr>
	<tr align="RIGHT">
		<td colspan="3">1</td>
		<td><a href="javascript:showInfo(2)">2</a></td>
		<td>3</td>
		<td>4</td>
		<td><a href="javascript:showInfo(5)">5</a></td>
	</tr>
	<tr align="RIGHT">
		<td><a href="javascript:showInfo(6)">6</a></td>
		<td><a href="javascript:showInfo(7)">7</a></td>
		<td><a href="javascript:showInfo(8)">8</a></td>
		<td>9</td>
		<td><a href="javascript:showInfo(10)">10</a></td>
		<td><a href="javascript:showInfo(11)">11</a></td>
		<td><a href="javascript:showInfo(12)">12</a></td>
	</tr>
	<tr align="RIGHT">
		<td><a href="javascript:showInfo(13)">13</a></td>
		<td>14</td>
		<td><a href="javascript:showInfo(15)">15</a></td>
		<td><a href="javascript:showInfo(16)">16</a></td>
		<td><a href="javascript:showInfo(17)">17</a></td>
		<td><a href="javascript:showInfo(18)">18</a></td>
		<td><a href="javascript:showInfo(19)">19</a></td>
	</tr>
	<tr align="RIGHT">
		<td>20</td>
		<td><a href="javascript:showInfo(21)">21</a></td>
		<td>22</td>
		<td>23</td>
		<td><a href="javascript:showInfo(24)">24</a></td>
		<td><a href="javascript:showInfo(25)">25</a></td>
		<td><a href="javascript:showInfo(26)">26</a></td>
	</tr>
	<tr align="RIGHT">
		<td>27</td>
		<td><a href="javascript:showInfo(28)">28</a></td>
		<td>29</td>
		<td><a href="javascript:showInfo(30)">30</a></td>
		<td colspan="3" align="LEFT"><a href="javascript:showInfo(31)">31</a></td>
	</tr>
</tbody></table>
<form name="calendar">
	<textarea rows="7" cols="30" name="dateInfo" readonly="readonly" wrap="">Mae's Birthday
Twilight Parade
Country Fair</textarea>
</form>


</body></html>

وإذا أحد عنده دروس تفصيلية بالجافا سكربت أتمنى تفيدوني فيها..

أو إذا أحد بقدر أتواصل معه وأطرح عليه أسئلتي بكون ممتنة كثير .. لأن هالمادة الثقيلة مسببه لي قلق ):