请高手来帮忙看看（在先等）

<html>
<head>
<style TYPE="text/css">
<style>
</style>
<title>时钟</title>
<script LANGUAGE="JavaScript">var timerID = null;
var timerRunning = false;
var net = 1000;
function stopClock() {
if(!timerRunning)
  return;
clearInterval(timerID);
timerRunning = false;
//document.clock.face.value = "";
}
function showTime() {var now = new Date();
var year = now.getYear();
var month = now.getMonth() +1;
var date = now.getDate();
var hours = now.getHours();
var mins = now.getMinutes();
var secs = now.getSeconds();
var timeVal = "";
timeVal += ((hours <= 12) ? hours : hours - 12);
timeVal += ((mins < 10) ? ":0" : ":") + mins;
timeVal += ((secs <= 10) ? ":0" : ":") + secs;
timeVal += ((hours < 12) ? "AM" : "PM");
timeVal += ((month < 10) ? " on 0" : " on ") + month + "-";
timeVal += date + "-" + year;
document.clock.face.value = timeVal;
}
function startClock() {
if(timerRunning)return;
timerRunning = true;
showTime();
timerID = setInterval("showTime()", net);
}
</script>
</head>
<body onLoad="startClock()" >
<p align="center"><big><span style="background-color: rgb(45,45,45)"><font face="Arial">form</font> &nbsp; <font face="宋体">时钟</font></span></big></p>
<p align="center">　</p>
<div align="center"><center>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="100%"><form NAME="clock" onSubmit="0">
<div align="center"><center><input TYPE="text" NAME="face" size="20" VALUE style="background-color: rgb(192,192,192)"><br> 
                             
</center></div>
<input type=button value="start" onclick="startClock()">
<input type=button value="stop" onclick="stopClock()">
</form>
</td>
</tr>
</table>
</center></div>
</body>
</html>