代碼:
<!DOCTYPE html>
<html>
<head>
<title>動態顯示時間</title>
</head>
<body>
<script >
function clock(){
var str="現在時間:"
var today=new Date();
var hours=today.getHours();
var minutes=today.getMinutes();
var seconds=today.getSeconds();
if(hours<12){
str+="上午"
}else{
str+='下午'
}
str+=hours+"時"+minutes+"分"+seconds+"秒"
//document.write(str)
var clock=document.getElementById("clock");
clock.value=str
}
var timeId=setInterval('clock()',1000)
</script>
<input type="text" id="clock" size="40" >
<input type="button" id="clock" value="時間停止" onclick="clearInterval(timeId)">
</body>
</html>
效果: