js 验证码 倒计时60秒

本文介绍了一种使用JavaScript实现的验证码倒计时功能,通过简单的HTML和JavaScript代码即可完成从按钮点击开始的60秒倒计时效果,并禁用按钮直至倒计时结束。

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



js 验证码 倒计时60秒

 

  1. <input type="button" id="btn" value="免费获取验证码" />  
  2. <script type="text/javascript">  
  3. var wait=60;  
  4. function time(o) {  
  5.         if (wait == 0) {  
  6.             o.removeAttribute("disabled");            
  7.             o.value="免费获取验证码";  
  8.             wait = 60;  
  9.         } else {  
  10.             o.setAttribute("disabled", true);  
  11.             o.value="重新发送(" + wait + ")";  
  12.             wait--;  
  13.             setTimeout(function() {  
  14.                 time(o)  
  15.             },  
  16.             1000)  
  17.         }  
  18.     }  
  19. document.getElementById("btn").onclick=function(){time(this);}  
  20. </script>  
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值