您的位置:首页 > Web前端 > JavaScript

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

2014-09-26 12:03 786 查看
<div class="input">
<input type="button" id="btn" class="btn_mfyzm" value="免费获取验证码" />
<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));} 具体的情况大家自己变通,希望可以帮助大家!
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: