在我們一個(gè)項(xiàng)目切圖中，碰到一個(gè)效果是點(diǎn)擊發(fā)送驗(yàn)證碼，然后按鈕的文字變成“還有xx秒后重試” 這樣的效果，想必如果你是一名設(shè)計(jì)師，你應(yīng)該也這樣設(shè)計(jì)過，但是前端要如何實(shí)現(xiàn)？ 碰到這個(gè)問題，我們首先想到的是很早之前用jquery寫過，大概的核心代碼就是 setInterVal 循環(huán)的執(zhí)行即可。

　　不過這樣的效率太差，當(dāng)下次在遇到就不好移植，所以這次我們首先想到了插件 getVerifyCode.js ，在項(xiàng)目中已經(jīng)用到，效果非常不錯(cuò)。

　　//獲取普通驗(yàn)證碼

　　if($("#yzm").size()>0){

　　$("#yzm").on("click",getVerifyCode({

　　callBack: function (){//按鈕點(diǎn)擊后的回調(diào)函數(shù)，-----必須-----

　　//在這里你還是可以對(duì)你的按鈕進(jìn)行操作

　　//console.log(this);

　　//alert("驗(yàn)證碼發(fā)送成功");

　　},

　　time: 60,//定時(shí)時(shí)間，以秒為單位

　　unabledClass: "unlabed"//按鈕不能用的樣式，即點(diǎn)擊按鈕后的樣式

　　}));

　　}

?

總結(jié)

以上是生活随笔為你收集整理的jquery获取手机验证码按钮计时插件getVerifyCode.js的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。