<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Document</title>
<!--点击开始，就动态显示时间，1秒刷新一次，点击结束时间就停止-->
<script>
function startTime(){
var dateTime = new Date();
var hour = dateTime.getHours();
var min = dateTime.getMinutes();
var sec = dateTime.getSeconds();
if(hour<10){
hour = "0"+hour;
}
if(min<10){
min = "0"+min;
}
if(sec<10){
sec = "0"+sec;
}
document.getElementById("time").value = hour+":"+min+":"+sec;
sid = setTimeout('startTime()',1000);
}
function endTime(){
clearTimeout(sid);
}
</script>
</head>
<body>
<input type="button" value="开始" onclick="startTime()"/>
<input type="text" id="time" size="5"/>
<input type="button" value="结束" onclick="endTime()"/>
</body>
</html>
