短信倒计时

Posted 天 天 向 上

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了短信倒计时相关的知识,希望对你有一定的参考价值。

 


<button type="button" id="sendMsg" class="sui-btn btn-success" style="height:32px;" onclick="time()">获取验证码</button>

 

//倒计时
var wait = 30;
function time() {
var btnObj = document.getElementById("sendMsg");
if (wait == 0) {
btnObj.removeAttribute("disabled");
btnObj.textContent = "再次获取验证码";
wait = 30;
} else {
btnObj.setAttribute("disabled", true);
btnObj.textContent = "" + wait + "秒后可重发";
wait--;
setTimeout(function() {
time();
},1000)
}
}

 

以上是关于短信倒计时的主要内容,如果未能解决你的问题,请参考以下文章

iOS 短信验证码倒计时按钮的实现

短信倒计时

js实现发送短信验证码倒计时教程

倒计时60s短信 [记录]

js 发送短信验证码倒计时

实现短信倒计时