<!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>
Das habe ich selbst gelernt. Was ist das Problem? Nachdem ich auf „Ende“ geklickt habe, wird die ursprüngliche Zahl gezählt, wenn ich erneut auf „Start“ klicke.
点击结束重加载一下页面啊!
window.onload=function(){
var a = 0;
}
把var a = 0;放到obtn1.onclick这个函数里声明就好了