简单的秒表

最新推荐文章于 2024-08-10 11:26:56 发布

ITnainiu

最新推荐文章于 2024-08-10 11:26:56 发布

阅读量184

点赞数

文章标签： javascript js

本文链接：https://blog.csdn.net/ITnainiu/article/details/105230034

版权

<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		
	</head>
	<body>
		<div id="content"></div>
		<button id="btn">开始</button>
		<button id="stop">停止</button>
		<button id="continue">继续</button>
	</body>
	<script type="text/javascript">
		var div=document.getElementById("content");
		var btn=document.getElementById("btn");
		var stop=document.getElementById("stop");
		var con=document.getElementById("continue");
		
		var m=0;//分
		var s=0;//秒
		var ms=0;//毫秒
		var start=0;//开始时间
		var currentTime=0;//当前时间
		var intervals=0;//时间差
		var lines="";//写入信息
		var timer;//定时器
		var sp=0;//(开始已停止之间+停止与继续之间的)总的经历时间
		//开始计算
		btn.onclick=function(){
			if(timer){
				window.clearTimeout(timer);
			}
			sp=0;
			start=new Date().getTime();
			getTime();
		}
		//获取秒表内显示时间
		function getTime(){
			currentTime=new Date().getTime();
			intervals=currentTime-start+sp;
			ms=intervals%1000/10;
			s=intervals%(1000*60)/1000;
			m=intervals%(1000*60*60)/60000;
			ms=(ms<10?"0"+Math.floor(ms):Math.floor(ms));
			s=(s<10?"0"+Math.floor(s):Math.floor(s));
			m=(m<10?"0"+Math.floor(m):Math.floor(m));
			lines=m+":"+s+":"+ms;
			div.innerHTML=lines;
			timer=window.setTimeout("getTime()",10);
		}
		//停止
		stop.onclick=function(){
			sp+new Date().getTime()-start;
			window.clearTimeout(timer);
		}
		con.onclick=function(){
			start=new Date.getTime();
			getTime();
		}
		//继续
		con.onclick=function(){
			if(timer){
				window.clearTimeout(timer);
			}
			start=new Date().getTime();
			getTime();
		}
	</script>
</html>