代码：【复制】 【运行】
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.imphper.cn">
<html xmlns="http://www.w3.org/1999/xhtml">
<script language="javascript">
var timerID = null;
var timerRunning = false;
function stopclock (){
if(timerRunning)
clearTimeout(timerID);
timerRunning = false;}
function startclock () {
stopclock();
showtime();
}
function showtime () {
var now = new Date();
var hours = now.getHours();
var minutes = now.getMinutes();
var seconds = now.getSeconds()
var timeValue = ((hours >= 12) ? "下午" : "上午" )
timeValue += ((hours >12) ? hours -12 :hours)
timeValue += ((minutes < 10) ? ":0" : ":") + minutes
timeValue += ((seconds < 10) ? ":0" : ":") + seconds
document.clock.thetime.value = timeValue;
timerID = setTimeout("showtime()",1000);
timerRunning = true;
}
</script>
<body onLoad="startclock()">
<div style="float:left;width:80px; overflow:hidden;">
<form name="clock" style="color:#333333">
<input name="thetime" style="background:transparent; border:0; color:#333333;" size="28" ReadOnly="true">
</form>
</div>
</body>
</html>