点击按钮实现倒计时

Posted lsongyang

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了点击按钮实现倒计时相关的知识,希望对你有一定的参考价值。

点击按钮实现倒计时

 

<body>

    <input type="button" id="btn" value="免费获取验证码" onclick="settime(this)" /> 
<script type="text/javascript"> 
var countdown=10; 
function settime(val) { 
if (countdown == 0) { 
val.removeAttribute("disabled");    
val.value="免费获取验证码"; 
countdown = 10; 
if(countdown==10){
return;
}
    } else { 
val.setAttribute("disabled", true); 
      val.value="重新发送(" + countdown + ")"; 
countdown--; 
   } 
   
setTimeout(function() { 
settime(val)},1000) 

</script>
  </body>
---------------------
作者:u013457570
来源:CSDN
原文:https://blog.csdn.net/u013457570/article/details/52711082
版权声明:本文为博主原创文章,转载请附上博文链接!



























以上是关于点击按钮实现倒计时的主要内容,如果未能解决你的问题,请参考以下文章

iOS 短信验证码倒计时按钮的实现

iOS 短信验证码倒计时按钮的实现

js jquery 实现点击按钮后,倒计时60秒才能再次点击发送验证码

js实现模拟自动点击按钮,并且在10秒倒计时之后疯狂点击

iOS快速实现一个保存记录的倒计时按钮

jquery 实现 点击按钮后倒计时效果,多用于实现发送手机验证码邮箱验证码