html:
<div class="input"> <input class="tel input_all" type="text" name="tel" placeholder="手機(jī)號(hào)"></div><div class="input huoqu"> <input class="yzm input_all" type="text" name="code" placeholder="驗(yàn)證碼"> <button class="btn1">獲取驗(yàn)證碼</button></div><span class="error"></span>
JavaScript:
var btn1 = document.querySelector('.btn1');var tel = document.querySelector('.tel');var error = document.querySelector('.error');var time = 60;btn1.onclick = function(){ var name = tel.value; if (name == "") { error.innerHTML='手機(jī)號(hào)不能為空!'; return; } else { if (!(/^1[3|4|5|7|8]/d{9}$/.test(name))) { error.innerHTML='手機(jī)號(hào)格式有誤.'; return; } } var timer = setInterval(function(){ time--; btn1.innerHTML = time + "秒"; btn1.disabled = true; if (time==0) { time = 60; clearInterval(timer); btn1.innerHTML = "獲取驗(yàn)證碼"; btn1.disabled = false; } },1000);}以上所述是小編給大家介紹的JS設(shè)置手機(jī)驗(yàn)證碼60s等待實(shí)現(xiàn)代碼,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)錯(cuò)新站長(zhǎng)站網(wǎng)站的支持!
新聞熱點(diǎn)
疑難解答
圖片精選