求大神帮我写一个js的计时器,只需要时分秒毫秒,不要倒计时,不要倒计时!!!谢谢[face]emoji:012.png[/face]
2条回答 默认 最新
- 子幽 2021-04-27 14:24关注
<html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>计时器</title> <style> html,body{height:100%;width:100%;background-color:rgb(48, 65, 86);} .btn{background-color:#409EFF;color:#ddd;padding:3px 7px;border:0;border-radius:5px;letter-spacing:2px;cursor:pointer;} #box{height:40px;padding:10px;width:20px;color:#fff;font-size:20px;line-height:40px;} </style> </head> <body> <div id="box">00:00:00:000</div> <div class="control"> <span class="btn" onclick="setTimer('begin')">开始</span> <span class="btn" onclick="setTimer('suspend')">暂停</span> <span class="btn" onclick="setTimer('reset')">重置</span> </div> <script> let hour=0,minute=0,second=0,millisecond=0; let box = document.getElementById('box'); let Interval; function setTimer(e){ if(e=='begin'){ Interval=setInterval(timer,50); }else if(e=='suspend'){ window.clearInterval(Interval); }else{ hour=00;minute=00;second=00;millisecond=00; window.clearInterval(Interval); box.innerHTML = '00:00:00:000'; } } function timer(){ millisecond+=50; if(millisecond>=1000) { millisecond=0; second++; } if(second>=60) { second=0; minute++; } if(minute>=60) { minute=0; hour++; } if(hour<10){ hour=PrefixInteger(hour,2); } if(minute<10){ minute=PrefixInteger(minute,2); } if(second<10){ second=PrefixInteger(second,2); } box.innerHTML=hour+':'+minute+':'+second+':'+millisecond; } function PrefixInteger(num, length) { return (Array(length).join('0') + num).slice(-length); } </script> </body> </html>
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏 举报
悬赏问题
- ¥15 R语言Rstudio突然无法启动
- ¥15 关于#matlab#的问题:提取2个图像的变量作为另外一个图像像元的移动量,计算新的位置创建新的图像并提取第二个图像的变量到新的图像
- ¥15 改算法,照着压缩包里边,参考其他代码封装的格式 写到main函数里
- ¥15 用windows做服务的同志有吗
- ¥60 求一个简单的网页(标签-安全|关键词-上传)
- ¥35 lstm时间序列共享单车预测,loss值优化,参数优化算法
- ¥15 Python中的request,如何使用ssr节点,通过代理requests网页。本人在泰国,需要用大陆ip才能玩网页游戏,合法合规。
- ¥100 为什么这个恒流源电路不能恒流?
- ¥15 有偿求跨组件数据流路径图
- ¥15 写一个方法checkPerson,入参实体类Person,出参布尔值