<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>秒表</title>
</head>
<body>
<input id="myButton" type="button" value="开始" onclick="fun()"><input id="close" type="button" value="暂停" onclick="time_stop()"><br>
<span id="hh">00</span>:<span id="mm">00</span>:<span id="ss">00</span>:<span id="hm">00</span>
<script>
let hm_num=0;
let ss_num=0;
let mm_num=0;
let hh_num=0;
let i;
let hm = document.getElementById("hm");
let ss = document.getElementById("ss");
let mm = document.getElementById("mm");
let hh = document.getElementById("hh");
let myButton = document.getElementById("myButton");
function fun() {
i=setInterval(function () {
++hm_num;
hm.innerText = hm_num;
if (hm_num == 60) {
hm_num = 0;
++ss_num;
ss.innerText = ss_num;
if (ss_num == 60) {
ss_num = 0;
++mm_num;
mm.innerText = mm_num;
if (mm_num == 60) {
mm_num = 0;
++hh_num;
hh.innerText =hh_num;
}
}
}
}, 1);
myButton.disabled = true;
}
function time_stop() {
clearInterval(i);
myButton.disabled = false;
}
</script>
</body>
</html>
Processed:
0.014, SQL:
9
