分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 运营维护

用js写一个秒表

发布时间:2023-09-06 02:22责任编辑:沈小雨关键词: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>

用js写一个秒表

原文地址:https://www.cnblogs.com/zzq123/p/9954681.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved