码迷,mamicode.com
首页 > Web开发 > 详细

js实现60秒倒计时效果(使用了jQuery)

时间:2017-08-19 21:14:55      阅读:129      评论:0      收藏:0      [点我收藏+]

标签:效果   简洁   验证码   dao   false   png   tty   记录   border   

        今天碰到要实现一个类似那种短信验证码60秒倒计时的需求,好久不写js,有点手生。把代码记录下,方便后续查阅。
这里我用了jQuey,毕竟写起来简洁点。下面直接看效果和代码。

一、效果

                                    技术分享
                                     技术分享

二、代码

(1)html
  1. <input type="button" id="btn" value="免费获取验证码" onclick="daojishi(10,this)" />
        注意:要引入JQuery

(2)js
  1. <script type="text/javascript">
  2. function daojishi(seconds,obj){
  3. if (seconds > 1){
  4. seconds--;
  5. $(obj).val(seconds+"秒后可重新获取 ").attr("disabled", true);//禁用按钮
  6. // 定时1秒调用一次
  7. setTimeout(function(){
  8. daojishi(seconds,obj);
  9. },1000);
  10. }else{
  11. $(obj).val("免费获取验证码").attr("disabled", false);//启用按钮
  12. }
  13. }
  14. </script>

js实现60秒倒计时效果(使用了jQuery)

标签:效果   简洁   验证码   dao   false   png   tty   记录   border   

原文地址:http://www.cnblogs.com/zeng1994/p/7397643.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!