jquery 60s倒计时
程序员文章站
2022-10-23 10:24:58
前端开发中经常用到的发送按钮倒计时,每次都是重写,挺麻烦的,记录一下,以后直接来复制代码 ......
前端开发中经常用到的发送按钮倒计时,每次都是重写,挺麻烦的,记录一下,以后直接来复制代码
<!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>
上一篇: 惊出一身冷汗的爆冷趣闻
下一篇: 网吧、楼道和路上的搞笑雷人事儿
推荐阅读
-
jQuery查找dom的几种方法效率详解
-
jQuery Validate 无法验证 chosen-select元素的解决方法
-
jquery form 隐藏的input 选择_jquery
-
jQuery获取json后使用zy_tmpl生成下拉菜单,jsonzy_tmpl
-
php+jquery实现无限级目录遍历展示代码
-
jquery选择器使用详解_jquery
-
汉化英文版的Dreamweaver CS5并自动提示jquery_jquery
-
javascript - JQuery 如何传递input file的内容至PHP进行处理
-
PHP+jquery+ajax实现即时聊天功能实例
-
JQuery Validator自定义错误样式及CSS校验(动态元素)