制作秒表

最新推荐文章于 2021-05-21 05:52:41 发布

weixin_30569153

最新推荐文章于 2021-05-21 05:52:41 发布

阅读量84

点赞数

原文链接：http://www.cnblogs.com/gaowc/p/10700296.html

版权

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

转载于:https://www.cnblogs.com/gaowc/p/10700296.html

weixin_30569153

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
制作秒表

1234<input type="text"name=""id="shuzi"value="00:00:00"/><br /><input onclick="ks()"type="button"name=""id="kaishi"value="开始"/>...
复制链接

扫一扫