js发送短信倒计时的简单实现方法
如下所示：
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<metacharset="utf-8">
<head>
<scriptsrc="jquery-2.1.4.min.js"type="text/javascript"></script>
<scripttype="text/javascript">
varInterValObj;//timer变量，控制时间
varcount=120;//间隔函数，1秒执行
varcurCount;//当前剩余秒数
functionsendMessage(){
curCount=count;
//设置button效果，开始计时
$("#btnSendCode").attr("disabled","true");
$("#btnSendCode").val("请在"+curCount+"秒内输入验证码");
InterValObj=window.setInterval(SetRemainTime,1000);//启动计时器，1秒执行一次
//向后台发送处理数据
$.ajax({
type:"POST",//用POST方式传输
dataType:"text",//数据格式:JSON
url:'Login.ashx',//目标地址
data:"dealType="+dealType+"&uid="+uid+"&code="+code,
error:function(XMLHttpRequest,textStatus,errorThrown){},
success:function(msg){}
});
}
//timer处理函数
functionSetRemainTime(){
if(curCount==0){
window.clearInterval(InterValObj);//停止计时器
$("#btnSendCode").removeAttr("disabled");//启用按钮
$("#btnSendCode").val("重新发送验证码");
}
else{
curCount--;
$("#btnSendCode").val("请在"+curCount+"秒内输入验证码");
}
}
</script>
</head>
<body>
<inputid="btnSendCode"type="button"value="发送验证码"onclick="sendMessage()"/></p>
</body>
</html>
以上这篇js发送短信倒计时的简单实现方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。