东京热成人网站_XX另类XX伦理XXAV_亚洲精品无码成人AAA片_高清av中文字幕无码_手机看片国产欧美日韩高清_bd美妙第进化型

咨詢電話:
15628812133
28
2017/04

獲取驗證碼是如何實現(xiàn)的?

發(fā)布時間:2017-04-28 10:37:55
發(fā)布者:jiangbing
瀏覽量:
0

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

blob.png

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

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

  
var wait=60;  
function time(o) {  
        if (wait == 0) {  
            o.removeAttribute("disabled");            
            o.value="免費獲取驗證碼";  
            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輸出就可以了。

返回列表