Question

js验证倒计时后，点了一次变灰之后，不可点击怎么实现？

我的状态是，现在变回之后还可以点击，然后时间开始乱串。想让他变灰之后不可点击。
代码如下：

<script>
var sends = {
checked:1,
send:function(){
var numbers = /^1\d{10}$/;
var val = $('#phone').val().replace(/\s+/g,""); //获取输入手机号码
if($('.div-ranks').find('span').length == 0 && $('.div-ranks a').attr('class') == 'send1'){
if(!numbers.test(val) || val.length ==0){
$('.div-ranks').append('<span class="error">手机格式错误</span>');
return false;
}
}
if(numbers.test(val)){
var time = 60;
$('.div-ranks span').remove();
function timeCountDown(){
if(time==0){
clearInterval(timer);
$('.div-ranks a').addClass('send1').removeClass('send0').html("发送验证码");
sends.checked = 1;
return true;
}
$('.div-ranks a').html(time+"S后再次发送");
time--;
return false;
sends.checked = 0;
}
$('.div-ranks a').addClass('send0').removeClass('send1');
timeCountDown();
var timer = setInterval(timeCountDown,1000);
}
}
}
</script>

Answer 1

在function timeCountDown() {前面加上：
if(!sends.checked)return;
然后把timeCountDow中的
return false;
sends.checked = 0;

那个return false去掉