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>
    
  • 相关阅读:
    python 异常处理
    python 文件
    python 面向对象程序设计基础
    python 数据结构与算法
    python中的基本数据结构
    关于python程序设计流程(未完结)
    python的字典(dict)的键值对存储规则
    python中字符串的方法及注释
    Element.requestFullscreen()方法
    oncontextmenu 事件
  • 原文地址:https://www.cnblogs.com/zzq123/p/9954681.html
Copyright © 2011-2022 走看看