代码在自己的编辑器上跑起来了
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<!-- 任务
第一步、获取按钮、绑定事件、设置定时器变量和计时变量
第二步、添加定时器，每隔1秒钟计时减 1，直至当计时小于等于 0 时清除定时器，按钮恢复为“发送验证码”，否则显示为“X秒后重试” -->
<script type="text/javascript">
window.onload = function () {
var send = document.getElementById('send'),
times = 60,
timer = null;
send.onclick = function () {
// 计时开始
timer =setInterval(function(){
send.value=times+"秒后重试"
document.getElementById("send").disabled=true;
times--;
if(times<=0){
clearInterval(timer);
document.getElementById("send").disabled=false;
send.value="发送验证码";
}
},1000);
}
}
</script>
</head>
<body>
<input type="button" id="send" value="发送验证码">
</body>
</html>
