效果图：
代码：
1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4 <meta charset="UTF-8">
5 <title>setTimeout倒计时</title>
6 <script>
7 var i = 5;
8 var t;
9 function startCount(){
10 if (i<0) {
11 stop();
12 }else{
13 document.getElementById("text").value = i;
14 t=setTimeout("startCount()",1000);
15 i =i-1;
16 }
17 }
18
19 function stop(){
20 clearTimeout(t);
21 alert("游戏结束");
22 }
23
24 </script>
25 </head>
26 <body>
27 <input type="text" id="text">
28 <input type="button" id="start" onclick="startCount()" value="开始">
29 </body>
30 </html>
注意：if判断语句要放在前面，赋值语句要放在自减前面，因为执行顺序问题，所以代码顺序不能乱，乱了就各种问题，得不到想要的效果。
时间： 2024-11-04 16:04:59