按钮点击-30秒钟Jquery倒计时实现

2019独角兽企业重金招聘Python工程师标准>>>

记录一个按钮点击后倒计时定时器的功能（常用于短信验证码功能），方便以后查看复用！

 //（1）定义按钮点击事件，下面第一句应该在jquery的ready函数
 $('#querybbs').click(queryBbs);  
 //（2）定义timer倒计时定时器
 function timer(time) {
            var btn = $("#querybbs");
            btn.attr("disabled", true);  //按钮禁止点击
            btn.text(time <= 0 ? "查询" : "" + (time)+"s");
            var hander = setInterval(function() {
                if (time <= 0) {
                    clearInterval(hander); //清除倒计时
                    btn.text("查询");
                    btn.attr("disabled", false);
                    return false;
                }else {
                    btn.text("" + (time--)+"s");
                }
            }, 1000);
        }
 //（3）点击按钮时，调用查询方法里面开启定时器
 function queryBbs() {
            timer(30); 

            .....

 }

 

转载于:https://my.oschina.net/u/2371923/blog/3005243