这篇文章主要介绍了js如何实现秒表计时器功能,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。
西峰ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景,ssl证书未来市场广阔!成为成都创新互联公司的ssl证书销售渠道,可以享受市场价格4-6折优惠!如果有意向欢迎电话联系或者加微信:13518219792(备注:SSL证书合作)期待与您的合作!
效果图:
下面贴代码:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>计时器</title> <script> var hour,minute,second;//时 分 秒 hour=minute=second=0;//初始化 var millisecond=0;//毫秒 var int; function Reset()//重置 { window.clearInterval(int); millisecond=hour=minute=second=0; document.getElementById('timetext').value='00时00分00秒000毫秒'; } function start()//开始 { int=setInterval(timer,50); } function timer()//计时 { millisecond=millisecond+50; if(millisecond>=1000) { millisecond=0; second=second+1; } if(second>=60) { second=0; minute=minute+1; } if(minute>=60) { minute=0; hour=hour+1; } document.getElementById('timetext').value=hour+'时'+minute+'分'+second+'秒'+millisecond+'毫秒'; } function stop()//暂停 { window.clearInterval(int); } </script> </head> <body> <div > <input type="text" id="timetext" value="00时00分00秒" readonly><br> <button type="button" onclick="start()">开始</button> <button type="button" onclick="stop()">暂停</button> <button type="button" onclick="Reset()">重置</button> </div> </body> </html>
感谢你能够认真阅读完这篇文章,希望小编分享的“js如何实现秒表计时器功能”这篇文章对大家有帮助,同时也希望大家多多支持创新互联,关注创新互联行业资讯频道,更多相关知识等着你来学习!
分享文章:js如何实现秒表计时器功能
本文链接:https://www.cdcxhl.com/article44/jcpjhe.html
成都网站建设公司_创新互联,为您提供域名注册、电子商务、品牌网站设计、外贸建站、建站公司、静态网站
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联