这篇文章主要介绍了关于用jquery实现六十秒倒计时,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下
前端开发中经常用到的发送按钮倒计时,每次都是重写,挺麻烦的,记录一下,以后直接来复制代码
<!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" id="viewport" name="viewport"> <title>60s倒计时</title> <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script> </head> <body> <input type="button" value="邮箱验证码" onclick="sendVerificationCode(this)" /> <script type="text/javascript"> //发送验证码按钮的60s倒计时 var countdown = 60; function sendVerificationCode(obj) { if(countdown == 0) { obj.removeAttribute("disabled"); obj.value = "重新获取"; countdown = 60; return; } else { obj.setAttribute("disabled", true); obj.value = "重新(" + countdown + ")"; countdown--; } setTimeout(function() { sendVerificationCode(obj) }, 1000) } </script> </body> </html>
以上就是本文的全部内容,希望对大家的学习有所帮助,更多相关内容请关注PHP中文网!
相关推荐:
以上是如何用jquery实现六十秒倒计时的详细内容。更多信息请关注PHP中文网其他相关文章!