本文实例为大家分享了js秒表计时器的制作代码,供大家参考,具体内容如下
创新互联建站专业为企业提供碾子山网站建设、碾子山做网站、碾子山网站设计、碾子山网站制作等企业网站建设、网页设计与制作、碾子山企业网站模板建站服务,10年碾子山做网站经验,不只是建网站,更提供有价值的思路和整体网络服务。
具体代码:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="gb2312"> <title>Document</title> <style> div{margin-top:40px;margin-left:25px;margin-bottom:10px;width:20px;height:20px;} input{width:30px;height:30px;margin-left:20px;font-size:20px;color:#fff;background: #000;border:none;outline: none;} </style> </head> <body> <div></div> <input type="button" value="开始" /> <input type="button" value="停止" /> </body> <script type="text/javascript"> //2.实现秒表功能,实现时 分 秒 毫秒 点击1开始计时,2结束计时; var oDiv=document.getElementsByTagName('div')[0]; var Btn1=document.getElementsByTagName('input')[0]; var Btn2=document.getElementsByTagName('input')[1]; var ms=0; var sec=0; var min=0; var hour=0; Btn1.onclick=function(){ timer=setInterval(function(){ var str_hour=hour; var str_min=min; var str_sec=sec; if(hour<10){ str_hour="0"+hour; } if(min<10){ str_min="0"+min; } if(sec<10){ str_sec="0"+sec; } var time=str_hour+':'+str_min+':'+str_sec+':'+ms; oDiv.innerHTML=time; ms=ms+50; if(ms>999){ ms=0; sec++; } if(sec>59){ sec=0; min++; } if(min>59){ min=0; hour++; } },50) } Btn2.onclick=function(){ clearInterval(timer); } </script> </html>
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持创新互联。
文章名称:javascript实现秒表计时器的制作方法
网页URL:https://www.cdcxhl.com/article12/podcdc.html
成都网站建设公司_创新互联,为您提供域名注册、网站排名、网站导航、Google、网站策划、网站维护
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联