<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript">
function timer(){
var currentDate=new Date();
var year=currentDate.getFullYear();
var month=currentDate.getMonth()+1;
var day=currentDate.getDate();
var h=currentDate.getHours();
var m=currentDate.getMinutes();
var s=currentDate.getSeconds();
m=checkTime(m)
s=checkTime(s)
//document.getElementById('txt').innerHTML=year+'-'+month+'-'+day+' '+h+":"+m+":"+s
t=setTimeout('timer()',1000);
}
function checkTime(i){
if(i<10){
i="0"+i
}
return i
}
function showClock(){
var today=new Date()
var display=document.getElementById('display')
display.innerHTML=today.toLocaleString()
timer=window.setTimeout('showClock()',1000);
}
</script>
</head>
<body οnlοad="timer();">
<div id="txt"></div>
<div id="display"></div>
<p>
<input type="submit" name="Submit" value="开始” onClick="showClock()">
<input type="submit" name="Submit2" value=“停止” onClick="window.clearTimeout(timer);">
</p>
</body>
</html>
按开始键时钟就会开始走,按停止则会停