javascript發(fā)送短信驗證碼實現(xiàn)代碼_javascript技巧
來源:懂視網(wǎng)
責(zé)編:小采
時間:2020-11-27 21:45:20
javascript發(fā)送短信驗證碼實現(xiàn)代碼_javascript技巧
javascript發(fā)送短信驗證碼實現(xiàn)代碼_javascript技巧:本文首先分析手機發(fā)送驗證碼的原理,再對javascript發(fā)送短信驗證碼予以實現(xiàn),具體思路如下: 實現(xiàn)點擊發(fā)送驗證碼按鈕后,按鈕依次顯示為59秒后重試、58秒后重試…直至倒計時至0秒時再恢復(fù)顯示為發(fā)送驗證碼。在倒計時期間按鈕為禁用狀態(tài) .
導(dǎo)讀javascript發(fā)送短信驗證碼實現(xiàn)代碼_javascript技巧:本文首先分析手機發(fā)送驗證碼的原理,再對javascript發(fā)送短信驗證碼予以實現(xiàn),具體思路如下: 實現(xiàn)點擊發(fā)送驗證碼按鈕后,按鈕依次顯示為59秒后重試、58秒后重試…直至倒計時至0秒時再恢復(fù)顯示為發(fā)送驗證碼。在倒計時期間按鈕為禁用狀態(tài) .
本文首先分析手機發(fā)送驗證碼的原理,再對javascript發(fā)送短信驗證碼予以實現(xiàn),具體思路如下:
實現(xiàn)點擊“發(fā)送驗證碼”按鈕后,按鈕依次顯示為“59秒后重試”、“58秒后重試”…直至倒計時至0秒時再恢復(fù)顯示為“發(fā)送驗證碼”。在倒計時期間按鈕為禁用狀態(tài) .
第一步、獲取按鈕、綁定事件、設(shè)置定時器變量和計時變量
第二步、添加定時器,每隔1秒鐘計時減 1,直至當(dāng)計時小于等于 0 時清除定時器,按鈕恢復(fù)為“發(fā)送驗證碼”,否則顯示為“X秒后重試”
效果圖:
實現(xiàn)代碼:
注意點:
設(shè)置按鈕是否為禁用時,send.disabled=true; send.disabled=false;
true和false不能加引號!true和false不能加引號!true和false不能加引號!否則值永遠(yuǎn)為真。
也可用send.setAttribute('disabled','disabled');
或send.removeAttribute('disabled');
聲明:本網(wǎng)頁內(nèi)容旨在傳播知識,若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
javascript發(fā)送短信驗證碼實現(xiàn)代碼_javascript技巧
javascript發(fā)送短信驗證碼實現(xiàn)代碼_javascript技巧:本文首先分析手機發(fā)送驗證碼的原理,再對javascript發(fā)送短信驗證碼予以實現(xiàn),具體思路如下: 實現(xiàn)點擊發(fā)送驗證碼按鈕后,按鈕依次顯示為59秒后重試、58秒后重試…直至倒計時至0秒時再恢復(fù)顯示為發(fā)送驗證碼。在倒計時期間按鈕為禁用狀態(tài) .