Question

Jquery设置按钮60秒后可点的问题

$(function(){
$("#fs").click(function(){
$("#chkmsg").html("");
var mob = $("#mob").val();
var preg = /^((\+86)|(86))?((\(\d{3}\))|(\d{3}\-))?13[0-9]\d{8}|15[0-9]|18[0-9]\d{8}$/; //匹配手机号
if(mob=='' || !preg.test(mob)){
$("#chkmsg").html("<font color=red>请填写正确的手机号！</font>");
}else{
$("#fs").attr("disabled","disabled").val('已发送手机验证码').css("cursor","default");
$.post("duanxin.php",{mob:mob},function(file_contents){
if(file_contents!=200){
alert(file_contents)
$("#chkmsg").html("发送失败！");
$("#fs").removeAttr("disabled").val('点击重新发送验证码').css("cursor","pointer");
}else{
$("#chkmsg").html("短信验证码已成功发送！");
}
});
}
});
})
代码如上，我该如何做到当判断短信验证码已成功发送时将按钮改为倒计时60秒后可点？

Answer 1

修改$.post 应该可以
$.post("duanxin.php",{mob:mob},function(file_contents){
if(file_contents!=200){
alert(file_contents)
$("#chkmsg").html("发送失败！");
$("#fs").removeAttr("disabled").val('点击重新发送验证码').css("cursor","pointer");
}else{
$("#chkmsg").html("短信验证码已成功发送！");
setTimeout(function(){
$("#fs").removeAttr("disabled").val('点击重新发送验证码').css("cursor","pointer");
}, 60000);

}
});

追问

如果我想同时把这个按钮上的字加一个60秒的倒数计时，又该添加什么语句呢？

Answer 2

$("#chkmsg").html("短信验证码已成功发送");

$("#fs").animate({ 

disabled: true

  }, 60000 , function(){

  $("#fsn").prop("disabled", false);

  });

Answer 3

else{
$("#chkmsg").html("短信验证码已成功发送！");
setTimeout('$("#fs").removeAttr("disabled").val('点击重新发送验证码').css("cursor","pointer");
',60000)
}
用setTimeout就行了