求大神帮我写一个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>
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏 举报
悬赏问题
- ¥100 角动量包络面如何用MATLAB绘制
- ¥15 merge函数占用内存过大
- ¥15 Revit2020下载问题
- ¥15 使用EMD去噪处理RML2016数据集时候的原理
- ¥15 神经网络预测均方误差很小 但是图像上看着差别太大
- ¥15 单片机无法进入HAL_TIM_PWM_PulseFinishedCallback回调函数
- ¥15 Oracle中如何从clob类型截取特定字符串后面的字符
- ¥15 想通过pywinauto自动电机应用程序按钮,但是找不到应用程序按钮信息
- ¥15 如何在炒股软件中,爬到我想看的日k线
- ¥15 seatunnel 怎么配置Elasticsearch