<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>秒錶計時器</title> <script> window.onload = function () { var timeS = document.getElementsByTagName("p")[0]; var btnStart = document.getElementsByTagName("input")[0]; var btnPause = document.getElementsByTagName("input")[1]; var btnReset = document.getElementsByTagName("input")[2]; var m = 0; var ss = 0; var k = 0; timeS.innerHTML = ((m < 10 ? "0" + m : m ) + ":" + (ss < 10 ? "0" + ss : ss ) + ":" + (k < 10 ? "0" + k : k )); //時間函數 var timeR; function timer() { k++; if (k == 99) { ss += 1; k = 0; } if (ss == 59) { m += 1; ss = 0; } timeS.innerHTML = (m < 10 ? "0" + m : m ) + ":" + (ss < 10 ? "0" + ss : ss ) + ":" + (k < 10 ? "0" + k : k ); } document.onkeypress = function (eve) { clearInterval(timeR); var e = eve || window.event; var s = 115; var p = 112; var r = 114; if (e.charCode == s) { //s開始 timeR = setInterval(timer, 10); } else if (e.charCode == p) { //p暫停 clearInterval(timeR); } else if (e.charCode == r) { //r復位 clearInterval(timeR); m = 0; ss = 0; k = 0; timeS.innerHTML = ((m < 10 ? "0" + m : m ) + ":" + (ss < 10 ? "0" + ss : ss ) + ":" + (k < 10 ? "0" + k : k )); } } } </script> </head> <body> <div><p></p></div> </body> </html>
JS簡單鍵盤按鍵秒錶計時器3
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.