js制作秒表

最新推荐文章于 2024-10-09 11:19:11 发布

deng0004

最新推荐文章于 2024-10-09 11:19:11 发布

阅读量72

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/lyxcode/p/7745272.html

版权

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div id="timeshow" style="border: dashed 1px black; width: 20% ; height: 40px;">00时00分00秒</div>
<br />
<input type="button" οnclick="startTime()" value="开始"/>
<input type="button" οnclick="stopTime()" value="结束"/>
<input type="button" οnclick="clearTime()" value="清零"/>
</body>
<script type="text/javascript">
var minute=0,hour=0,seconds=0;
var timeout;

function startTime(){
mark=0;
var date=new Date();
seconds++;
if(seconds>60){
seconds=0;
minute++;
if(minute>60){
minute=0;
hour++;
}
}
document.getElementById("timeshow").innerHTML=hour+"时"+minute+"分"+seconds+"秒";

timeout=setTimeout("startTime()",1000);

}

function stopTime(){
if(timeout!=""){
clearTimeout(timeout) ;
}

}
function clearTime (){
document.getElementById("timeshow").innerHTML="00时00分00秒";
clearTimeout(timeout) ;
}
</script>
</html>