js简单时分秒计时器
<div style="text-align: center">
<input type="text" id="timetext" value="00时00分00秒" readonly><br>
<span id="_h">00时</span>
<span id="_m">00分</span>
<span id="_s">00秒</span>
<button type="button" onclick="start()">开始</button>
<button type="button" onclick="stop()">暂停</button>
<button type="button" onclick="Reset()">重置</button>
</div>
// 初始值 var h=m=s=0; var init; function timers(){ s=s+1; if(s>=60){ s=00; m=m+1 } if(m>=60){ m=00; h=h+1; } // input value 表现 document.getElementById('timetext').value= `${h<10?('0'+h):h}时${m<10?('0'+m):m}分${s<10?('0'+s):s}秒`; // 标签 表现 document.getElementById('_h').innerHTML=`${h<10?('0' + h):h}时` document.getElementById('_m').innerHTML=`${m<10?('0' + m):m}分` document.getElementById('_s').innerHTML=`${s<10?('0' + s):s}秒` } // 开始计时器 function start(){ init = setInterval(timers,1000) } // 重置计时器 function Reset(){ window.clearInterval(init) h=m=s=0; document.getElementById('timetext').value= "00时00分00秒"; document.getElementById('_h').innerHTML='00时' document.getElementById('_m').innerHTML='00分' document.getElementById('_s').innerHTML='00秒' } // 暂停计时器 function stop(){ window.clearInterval(init) }
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· DeepSeek 开源周回顾「GitHub 热点速览」