js验证码，倒计时60秒

最新推荐文章于 2024-02-03 11:02:39 发布

小邯

最新推荐文章于 2024-02-03 11:02:39 发布

阅读量232

点赞数

CC 4.0 BY-SA版权

分类专栏： html

本文链接：https://blog.youkuaiyun.com/weixin_43239106/article/details/89284886

html 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现的验证码倒计时按钮功能，该功能在用户点击获取验证码后启动倒计时，倒计时结束后允许用户重新获取验证码。通过设置按钮的disabled属性来控制按钮的可点击状态，并在倒计时过程中更新按钮上的文字。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<input type="button" id="hysymd" style="margin:10px 0px 0px 10px;" value="获取验证码" class="btn" "hqyzm()"/>
<script type="text/javascript">
	 var countdown = 60;
	 function hqyzdl(){
		 if (countdown == 0) {
	    	 $("#hysymd").removeAttr("disabled");
	    	 $("#hysymd").val("获取验证码");
	         countdown = 60;
	     } else {
	    	$("#hysymd").attr("disabled", true)
	        $("#hysymd").val("重新发送(" + countdown + ")");
	    	countdown--;
	        setTimeout(function() {
	        	hqyzdl();
	        },1000)
	    }
	  }
  </script>