zoukankan      html  css  js  c++  java
  • 用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>
    
  • 相关阅读:
    中心极限定理
    BCEloss和交叉熵损失的区别
    postgresql的python接口
    DataGrip 2020.1 安装与激活方法
    区块链技术
    TensorRT推理加速推断并提高吞吐量
    纯视觉取代slam做路径规划及避障的思路
    DL重新回顾总结
    OpenCV 轮廓方向
    OpenCV 低通滤波(可设置频率)
  • 原文地址:https://www.cnblogs.com/zzq123/p/9954681.html
Copyright © 2011-2022 走看看