3-4 编程练习
本节编程练习不计算学习进度，请电脑登录imooc.com操作

编程练习

小伙伴们，根据所学知识，实现点击“发送验证码”按钮后，按钮依次显示为“59秒后重试”、“58秒后重试”…直至倒计时至0秒时再恢复显示为“发送验证码”。在倒计时期间按钮为禁用状态

任务

第一步、获取按钮、绑定事件、设置定时器变量和计时变量

第二步、添加定时器，每隔1秒钟计时减 1，直至当计时小于等于 0 时清除定时器，按钮恢复为“发送验证码”，否则显示为“X秒后重试”

index.html 
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5. 	<title>Document</title>
  6. 	<script type="text/javascript">
  7. 	window.onload=function(){
  8. 	    var send=document.getElementById('send'),
  9. 	        times=60,
  10. 	        timer=null;
  11. 	    send.onclick=function(){
  12. 	      // 计时开始 
  13.  
  14.  
  15.  
  16.  
  17.  
  18.  
  19.  
  20.  
  21.  
  22. 	    } 
  23. 	}
  24. 	</script>
  25. </head>
  26. <body>
  27. 	<input type="button" id="send" value="发送验证码">
  28. </body>
  29. </html>
下一节