Date & Time Effects >>> Clock Type.


		<script 
		language="javascript"
		type="text/javascript">

		/* Visit http://www.yaldex.com/ 
		for full source code

		and get more free JavaScript, CSS and DHTML scripts! */

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

		}

		window.onload=showTheTime;

		// End -->

		</script>

		<center>

		<form
		name=form>

		<input 
		type=text
		name=showTime
		size=11><br>

		<input
		type=radio
		name=showMilitary
		checked>Military 
		Time<br>

		<input
		type=radio
		name=showMilitary>12 
		Hour Time

		</form>

		</center>