Untitled

<html>


<head>

<script type="text/javascript">
function funClock() {
	var runTime = new Date();
	var hours = runTime.getHours();
	var minutes = runTime.getMinutes();
	var seconds = runTime.getSeconds();
	var dn = "AM";
	if (hours >= 12) {
		dn = "PM";
		hours = hours - 12;
	}
	if (hours == 0) {
		hours = 12;
	}
	if (minutes <= 9) {
		minutes = "0" + minutes;
	}
	if (seconds <= 9) {
		seconds = "0" + seconds;
	}
	movingtime = "<b>"+ hours + ":" + minutes + ":" + seconds + " " + dn + "</b>";
	document.getElementById('clock').innerHTML = movingtime;
	setTimeout("funClock()", 1000)
}
window.onload = funClock;

</script>

</head>

<body onLoad="funClock()">

Currently, it's <span id="clock"
 style="position:relative;"></span>

<form name="input" action="" method="post">

<p style="font-family:arial; color:grey; font-size:20px;text-align:center"> <b> Username: </b> <input type="text" name="uname"/> <br /> </p>
<p style="font-family:arial; color:grey; font-size:20px;text-align:center"> <b> Password: </b> <input type="password" name="pword" /> <br /> </p>
<p style="text-align:center"> <input type="submit" value="Submit" /> </p>

</p>

</form>

</body>
</html>