码迷,mamicode.com
首页 > Web开发 > 详细

用js写一个秒表

时间:2018-11-13 21:12:01      阅读:200      评论:0      收藏:0      [点我收藏+]

标签:highlight   nbsp   100%   doc   rip   element   cti   ext   clear   

首先,先铺好格式

<input type="text" name="" id="shuzi" value="00:00:00" /><br />
		<input onclick="ks()" type="button" name="" id="kaishi" value="开始" />
		<input onclick="zt()"   type="button" name="" id="" value="暂停" />
		<input onclick="cz()" type="button" name="" id="" value="重置" />

先得明白毫秒与秒之间的换算  100ms等于一秒

所以我们定义定时器10ms刷新一次 那么1秒钟刷新100次 就是毫秒 定义一个变量n n++  那么毫秒就是n%100(取整)  取余

秒等于n/100%60  分等于n/6000%60

下面是代码

<script>
			var n=0;
			var time=null;
			function xs(){
				var aaa=document.getElementById("shuzi");
				n++;
				var haomiao=parseInt(n%100);
				var miao=parseInt(n/100%60);
				var fen=parseInt(n/6000%60);
				aaa.value=bl(fen)+":"+bl(miao)+":"+bl(haomiao)
			}
			function ks(){//开始
				clearInterval(time);
				time=setInterval(xs,10);//定时器    10毫秒刷新一次
			}
			function zt(){//暂停
				clearInterval(time);//清除定时器
			}
			function cz(){//重置
				var aaa=document.getElementById("shuzi");
				aaa.value="00"+":"+"00"+":"+"00";
				clearInterval(time);//清除定时器
			}
			function bl(ggg){//补零
				return ggg<10?"0"+ggg:""+ggg
			}
		</script>

 

用js写一个秒表

标签:highlight   nbsp   100%   doc   rip   element   cti   ext   clear   

原文地址:https://www.cnblogs.com/zzq123/p/9954681.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!