javascript設定手機驗證碼60s等待程式碼

陈政宽~
發布: 2017-06-28 12:44:45
原創
1413 人瀏覽過

本文跟大家分享JS設定手機驗證碼60s等待實現程式碼,需要的朋友參考吧

html:

登入後複製

#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='手机号不能为空!'; return; } else { if (!(/^1[3|4|5|7|8]\d{9}$/.test(name))) { error.innerHTML='手机号格式有误.'; return; } } var timer = setInterval(function(){ time--; btn1.innerHTML = time + "秒"; btn1.disabled = true; if (time==0) { time = 60; clearInterval(timer); btn1.innerHTML = "获取验证码"; btn1.disabled = false; } },1000); }
登入後複製

以上所述是小編給大家介紹的JS設定手機驗證碼60s等待實作程式碼,希望對大家有幫助,如果大家有任何疑問請給我留言,小編會及時回覆大家的。在此也非常感謝大家對腳本之家網站的支持!

以上是javascript設定手機驗證碼60s等待程式碼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!