1. 程式人生 > >用js寫一個秒錶

用js寫一個秒錶

首先,先鋪好格式

<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>