HTML实现按钮倒计时

最新推荐文章于 2024-08-25 16:36:33 发布

就新年快乐吧

最新推荐文章于 2024-08-25 16:36:33 发布

阅读量1.3k

点赞数 1

本文链接：https://blog.csdn.net/Jocker_xie/article/details/89387991

版权

<input type="button" value="获取验证码" name="get_msg" onclick="set_time(this)"/> 


<script>
var init_down_time = 5;			    /*倒计时总时长*/
var down_time = 5;				/*倒计时变量*/
function set_time(val) 
{ 	
	if(down_time == 0) { 
		val.removeAttribute("disabled");    	/*移除框的属性*/
		val.value="获取验证码"; 
		down_time = init_down_time;
	}else{ 
		val.setAttribute("disabled",true); 		/*设置框的属性*/
		val.value="重新发送(" + down_time + ")"; 
		down_time--; 
			
		setTimeout(function(){set_time(val)},1000);   	/*设置一秒*/
	}  							
} 
</script>