jquery登录弹窗插件(jquery获取手机验证码按钮计时插件getVerifyCode.js)
在我们一个项目切图中,碰到一个效果是点击发送验证码,然后按钮的文字变成“还有xx秒后重试” 这样的效果,想必如果你是一名设计师,你应该也这样设计过,但是前端要如何实现? 碰到这个问题,我们首先想到的是很早之前用jquery写过,大概的核心代码就是 setInterVal 循环的执行即可。
不过这样的效率太差,当下次在遇到就不好移植,所以这次我们首先想到了插件 getVerifyCode.js ,在项目中已经用到,效果非常不错。
//获取普通验证码
if($("#yzm").size()>0){
$("#yzm").on("click",getVerifyCode({
callBack: function (){//按钮点击后的回调函数,-----必须-----
//在这里你还是可以对你的按钮进行操作
//console.log(this);
//alert("验证码发送成功");
},
time: 60,//定时时间,以秒为单位
unabledClass: "unlabed"//按钮不能用的样式,即点击按钮后的样式
}));
}
插件地址
http://www.qieban.cn/p/getVerifyCode.js/
,免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com