js实现60秒倒计时获取验证码防止重复提交 | findtp插件网

findtp插件网

您现在的位置是:首页>图片内容页

Plugin

js实现60秒倒计时获取验证码防止重复提交

简介:

时间:2019-11-08

访问:454

下载

详情

 20191108221632-938063.png

  点击Input按钮事件,js函数来设置按钮不可用,并修改value文本值。 在发送验证码之后可以使用,防止重复高频率的提交,特别是遇到网络特别卡,用于又比较急的情况,还以为没有提交成功,用户会不断重复的提交。 这里用js代码简单实现防止重复提交的功能。

<input type="button" id="btn" value="免费获取验证码" onclick="gotopay(this)" />

下面是js代码,通过递归的方式,间隔1秒执行自己,代码如下:

function settime(val) { 
		
	if (countdown == 0) { 
		val.removeAttribute("disabled");    
		val.value="免费获取验证码"; 
		countdown = 60; 
	} else { 
		val.setAttribute("disabled", true); 
		val.value="重新支付(" + countdown + ")"; 
		countdown--; 
		setTimeout(function() { settime(val); },1000); 
	} 
	
}


相关

相关评论

共有0条评论来说两句吧...