1,需要一个定时器,和一个button,通过点击事件启动获取验证码
2,参考代码如下
html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<input type="button" name="btn" id="btn" value="获取验证码" /><!-- 用于获取验证码的按钮标签 -->
<script type="text/javascript">
var btn = document.getElementById('btn');//通过ID获取到该标签
var num = 60;//设置获取验证码持续时间
btn.onclick = function(){//通过点击事件,启动获取验证码函数
cd();
}
function cd(){ //定义验证码获取函数
num--;
if(num==0){
num = 60;
btn.disabled = false;
btn.value = '获取验证码';
return;
}
btn.disabled = true;//正在获取验证码
btn.value = num + 's后重新获取';
setTimeout('cd()',1000);.//采用setTimeout函数每秒调用一次cd()
}
</script>
</body>
</html>
3,结果参考