jquery获取手机验证码按钮计时插件getVerifyCode.js

在我们一个项目中,碰到一个效果是点击发送验证码,然后按钮的文字变成“还有xx秒后重试” 这样的效果,想必如果你是一名设计师,你应该也这样设计过,但是前端要如何实现? 碰到这个问题,我们首先想到的是很早之前用jquery写过,大概的核心代码就是 setIntval 循环的执行即可。

不过这样的效率太差,当下次在遇到就不好移植,所以这次我们首先想到了插件 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/

切版- 切图网(qietu.com)旗下psd转html,前端外包的“切图客”团体。

发表评论

电子邮件地址不会被公开。 必填项已用*标注

您可以使用这些HTML标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

客服咨询
客服1
客服2
微信公众号