博客列表 >验证码倒计时

验证码倒计时

南鸢离梦的博客
南鸢离梦的博客原创
2019年11月14日 09:07:44610浏览
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
  6. <script type="text/javascript">
  7. var countdown=60;
  8. function sendemail(){
  9. var obj = $("#btn");
  10. settime(obj);
  11. }
  12. function settime(obj) { //发送验证码倒计时
  13. if (countdown == 0) {
  14. obj.attr('disabled',false);
  15. //obj.removeattr("disabled");
  16. obj.val("免费获取验证码");
  17. countdown = 60;
  18. return;
  19. } else {
  20. obj.attr('disabled',true);
  21. obj.val("重新发送(" + countdown + ")");
  22. countdown--;
  23. }
  24. setTimeout(function() {
  25. settime(obj) }
  26. ,1000)
  27. }
  28. </script>
  29. <body>
  30. <input type="button" id="btn" value="免费获取验证码" onclick="sendemail()" />
  31. </body>
  32. </html>
声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议