<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript">
window.onload=function(){
var send=document.getElementById('send');//先获取按钮的id
times=60; //再定义一个变量为60秒
timer=null; 再定义一个空变量
send.οnclick=function(){
// 计时开始
timer=setInterval(function(){
times--;
if(times<=0){
send.value='发送验证码';
clearInterval(timer);
times=60;
send.disabled=false; //是否可点击
}else{
send.value=times+'秒后重试';
send.disabled=true;
}console.log(times);
},1000);
}
如果该控件不是but的话下面就该这样写
var send = document.getElementById('btn');
times = 60;
timer = null;
var check = true; //定义一个变量判断该变量时候可以单击
if (check==true)
{
send.onclick = function () {
// 计时开始
timer = setInterval(function () {
times--;
if (times <= 0) {
send.innerHTML = '发送验证码'; //不是按钮就是用innerhtml
clearInterval(timer);
times = 60;
check=false; //是否可点击
} else {
send.innerHTML = times + '秒后重试';
check=true;
} console.log(times);
}, 1000);
}
}
}
</script>
</head>
<body>
<input type="button" id="send" value="发送验证码">
<a class="regCodeBtn" id="btn">60重新发送</a>
</
body
>
</
html
>