切版网（2013~2023）

http://qieban.cn
做完设计，找切版网
QQ:6135833
微信：dingxiangming82

2017年06月25日

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

本文就“jquery获取手机验证码按钮计时插件getVerifyCode.js”展开讨论，作者切版网，发布于2017年06月25日 全文共531个字，预计阅读时长1分46秒。

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

不过这样的效率太差，当下次在遇到就不好移植，所以这次我们首先想到了插件 getVerifyCode.js ，在项目中已经用到，效果非常不错。

[codesyntax lang=”javascript”]

//获取普通验证码
	if($("#yzm").size()>0){
	$("#yzm").on("click",getVerifyCode({
		callBack: function (){//按钮点击后的回调函数，-----必须-----
			//在这里你还是可以对你的按钮进行操作
			//console.log(this);
			//alert("验证码发送成功");
		},
		time: 60,//定时时间，以秒为单位
		unabledClass: "unlabed"//按钮不能用的样式，即点击按钮后的样式
	}));	
	}

[/codesyntax]

插件地址

http://www.qieban.cn/p/getVerifyCode.js/

文章为原创或者来自于互联网，转载请注明来源，如果文章有侵权请联系，我们会及时删除。