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发送短信倒计时的简单实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持毛票票。