倒计时例子
Posted 脑袋空空空想家
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了倒计时例子相关的知识，希望对你有一定的参考价值。
效果图：
代码：
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判断语句要放在前面，赋值语句要放在自减前面，因为执行顺序问题，所以代码顺序不能乱，乱了就各种问题，得不到想要的效果。
以上是关于倒计时例子的主要内容，如果未能解决你的问题，请参考以下文章