JS短信验证码倒计时_jQuery倒计时插件特效

本Demo是一款输入手机号码在表单中获取短信验证码倒计时的代码实现、jQuery表单获取短信验证码代码、并防重复提交、实现方式是通过setInterval()函数实现的、每隔一秒钟调用一下对应的函数、运行效果图如下

HTML代码

<form>
<label style="float:left;">验&nbsp;&nbsp;证&nbsp;码</label>
<input type="text" class="c_code_msg" style="margin-right: 10px;">
<span class="msgs">获取短信验证码</span>
</form>

jQuery代码

$(function  () {
	//获取短信验证码
	var validCode=true;
	$(".msgs").click (function  () {
		var time=30;
		var code=$(this);
		if (validCode) {
			validCode=false;
			code.addClass("msgs1");
		var t=setInterval(function  () {
			time--;
			code.html(time "秒");
			if (time==0) {
				clearInterval(t);
			code.html("重新获取");
				validCode=true;
			code.removeClass("msgs1");

			}
		},1000)
		}
	})
})

源代码下载链接: http://dwtedx.com/download.html?bdkey=s/1hqxQ8r6 密码: bsrg