<!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>
C'est ce que j'ai appris à écrire par moi-même. Quel est le problème ? Après avoir cliqué pour terminer, le décompte continue avec le numéro d'origine. J'espère que lorsque je clique pour recommencer, il recommence à 0.
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Cliquez pour terminer et recharger la page !
window.onload=function(){
var a = 0;
}
Mettez simplement var a = 0; dans la fonction obtn1.onclick et déclarez-le