<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>验证码</title>
</head>
<body>
<button id = "vbtn" onclick="f5()">发送</button>
</body>
<script src="js/jquery-3.2.1.min.js"></script>
<script>
var time = 30;
var canSend = true;
function f5(){
if(canSend){//判断是否要ajax发送刷新验证码 验证码在后台刷新
alert("ajax发送");
}
if(time==0){//时间为0是button设置可用 并且设置可发送
$(‘#vbtn‘).attr("disabled",false);
$("#vbtn").text("重新发送")
time=30;
canSend = true;
}else{//时间不等于0时button设置不可点击 并且不能发送
canSend = false;
$(‘#vbtn‘).attr("disabled",true);
time--;
setTimeout(function(){
$("#vbtn").text(time+"秒后可重新发送")
f5();
},1000)
}
}
</script>
</html>
原文：http://www.cnblogs.com/lusufei/p/7745977.html