js点击发送验证码 xx秒后重新发送
Posted ymmt
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js点击发送验证码 xx秒后重新发送相关的知识，希望对你有一定的参考价值。
用于一些注册类的场景，点击发送验证码，xx秒后重新发送。
利用 setTimeout 方法，xx秒后执行指定的方法，修改button的属性值，disabled为true时为灰色，不可点击。
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <!--<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>--> <script type="text/javascript"> var countdown=60; function settime(obj) if (countdown == 0) obj.removeAttribute("disabled"); obj.value="获取验证码"; countdown = 60; return; else obj.setAttribute("disabled", true); obj.value="重新发送(" + countdown + ")"; countdown--; setTimeout(function() settime(obj); ,1000); </script> <body> <label> <input type="text" name="textfield"> </label> <input type="button" id="btn" value="获取验证码" onclick="settime(this)" /> </body> </html>
以上是关于js点击发送验证码 xx秒后重新发送的主要内容，如果未能解决你的问题，请参考以下文章