<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<!--倒计时的思路
当点击时，按钮状态变为不可点击的，
按钮内的文字进行改变
进行倒计时，（定时器），每一秒执行递减
当倒计时为0时，清除定时器，按钮变为可点击的
-->
</head>
<body>
<button id="btn" onclick="time()">获取验证码</button>
</body>
<script type="text/javascript">
var btn=document.getElementById("btn")
var arr=3;
function time(){
btn.disabled=true
var timer=setInterval(function(){
if (arr==0) {
clearInterval('timer')
btn.disabled=false
btn.innerHTML='发送验证码'
} else{
btn.innerHTML=arr+'秒后获取'
arr--
}
},1000)
}
</script>
</html>