javascript - Please tell me about this js case in w3c. I use window.onload to write how to count from 0 after clicking the end button and then clicking the start button.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script>
window.onload = function() {
var a = 0;
obtn1 = document.getElementById("btn1");
obtn2 = document.getElementById("btn2");
obtn1.onclick = function() {
setTimeout(function rec() {
document.getElementById("txt").value = a;
a = a + 1;
x = setTimeout(rec, 1000)
}, 1000)
}
obtn2.onclick = function() {
var b = 0;
setTimeout(document.getElementById('txt').value=0, 0);
clearTimeout(x);
}
}
</script>
</head>
<body>
<input type="text" name="text" id="txt" />
<input type="button" id="btn1" value="开始计时！" />
<input type="button" id="btn2" value="结束计时！" />
</body>
</html>
I learned to write this by myself. What is the problem? After clicking to end, the original number is counted. I hope that when I click to start again, it starts from 0.
