首页 > 代码库 > js实现免费获取手机验证码倒计时效果

js实现免费获取手机验证码倒计时效果

<div class="input">    <input type="button" id="btn" class="btn_mfyzm" value=http://www.mamicode.com/"免费获取验证码" />   <script type="text/javascript">var wait=5;document.getElementById("btn").disabled = false;  function time(o) {        if (wait == 0) {            o.removeAttribute("disabled");                      o.value="免费获取验证码";            wait = 5;        } else {            o.setAttribute("disabled", true);            o.value="重新发送(" + wait + ")";            wait--;            setTimeout(function() {                time(o)            },            1000)        }    }document.getElementById("btn").onclick=function(){time(this);}</script></div> 

这个只是延时多久,具体调用短信接口,比如我的短信发送函数是sendMsg,那么这句应该这样写document.getElementById("btn").onclick=function(){sendMsg(time(this));} 具体的情况大家自己变通,希望可以帮助大家!

js实现免费获取手机验证码倒计时效果