正在學(xué)JS的渣渣哪位大神能做出這樣的計(jì)時(shí)器呀 求救^o^
慕粉0931027254
2017-08-28 00:03:14
TA貢獻(xiàn)158條經(jīng)驗(yàn) 獲得超188個(gè)贊
<!DOCTYPE?html> <html> <head> ????<meta?charset="UTF-8"> ????<title>計(jì)時(shí)器</title> </head> <body> ????<div?id="timer-container"> ????????<h2>計(jì)時(shí)器</h2> ????????<input?type="text"?id="timer-view"?readonly?value="00:00:00:00"> ????????<button?onclick="start()">開始計(jì)時(shí)</button> ????????<button?onclick="pause()">結(jié)束計(jì)時(shí)</button> ????????<button?onclick="reset()">復(fù)位</button> ????</div> ????<script> ????????var?timer?=?null; ????????var?msDef?=?0; ????????var?timerData?=?[]; ????????var?timerView?=?document.getElementById('timer-view'); ????????function?start()?{ ????????????clearInterval(timer); ????????????timer?=?setInterval(function()?{ ????????????????update((msDef?+=?10,?msDef)); ????????????},?10); ????????} ????????function?pause()?{ ????????????clearInterval(timer); ????????} ????????function?reset()?{ ????????????clearInterval(timer); ????????????update((msDef?=?0,?msDef)); ????????} ????????function?update(ms)?{ ????????????timerData[0]?=?Math.floor(ms?/?3600000); ????????????timerData[1]?=?Math.floor(ms?/?60000?%?60); ????????????timerData[2]?=?Math.floor(ms?/?1000?%?60) ????????????timerData[3]?=?Math.floor(ms?/?10?%?100); ????????????timerView.value?=?formatTime(timerData); ????????} ????????function?formatTime(arr)?{ ????????????for?(var?i?=?0;?i?<?arr.length;?i++)?{ ????????????????arr[i]?=?(arr[i]?<?10???'0'?:?'')?+?arr[i]; ????????????} ????????????return?arr.join(':'); ????????} ????</script> </body> </html>
(只寫了js,樣式簡單樓主自己寫下吧~,望采納~)
舉報(bào)