2017/04

獲取驗(yàn)證碼是如何實(shí)現(xiàn)的？

發(fā)布時間：2017-04-28 10:37:55

發(fā)布者：jiangbing

瀏覽量:

在很多網(wǎng)頁中當(dāng)你登錄或注冊時都有獲取驗(yàn)證碼這一效果，我們在做壹早教APP界面時，就用到了這一特效。那么他是如何實(shí)現(xiàn)的呢？

首先驗(yàn)證碼是input標(biāo)簽，賦給他一個id:

接著寫入一段js就能實(shí)現(xiàn)：

  
var wait=60;  
function time(o) {  
        if (wait == 0) {  
            o.removeAttribute("disabled");            
            o.value="免費(fèi)獲取驗(yàn)證碼";  
            wait = 60;  
        } else {  
            o.setAttribute("disabled", true);  
            o.value="重新發(fā)送(" + wait + ")";  
            wait--;  
            setTimeout(function() {  
                time(o)  
            },  
            1000)  
        }  
    }  
document.getElementById("btn").onclick=function(){time(this);}

最后輸出的時候把input的id輸出就可以了。

上一篇：怎么控制網(wǎng)頁中音樂播放

下一篇： QQ在線客服右側(cè)懸浮代碼

關(guān)鍵詞:

返回列表

相關(guān)文章

2025-07-10

預(yù)約陪診系統(tǒng)：患者如何預(yù)約陪診服務(wù)的全流程揭秘！查看詳情

2025-01-18

你還在經(jīng)常手動續(xù)期證書嗎？寶塔面板如何給自動續(xù)簽免費(fèi)證書查看詳情

2024-12-21

在yonbuilder中如何使用UISlider插件查看詳情