用js寫一個秒錶
阿新 • • 發佈:2018-11-13
首先,先鋪好格式
<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>