Jquery验证码倒计时
Posted loveqin
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Jquery验证码倒计时相关的知识,希望对你有一定的参考价值。
html代码:
<input type="button" value="获取验证码" id="getCode" style="color:#4664E6;background:white;" />
Jquery代码:别忘了引用jquery库
<script type="text/javascript"> var countdown = 60; $(function () { $("#getCode").bind("click", function () { settime(); }); }) function settime(e) { if (countdown == 0) { countdown = 60; $("#getCode").val("获取验证码"); $("#getCode").removeAttr("disabled"); return false; } else { countdown--; $("#getCode").val(countdown + "秒后重新获取"); $("#getCode").attr("disabled", "disabled"); } setTimeout(function () { settime(); }, 1000); } </script>
以上是关于Jquery验证码倒计时的主要内容,如果未能解决你的问题,请参考以下文章