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

记录一个按钮点击后倒计时定时器的功能(经常使用于短信验证码功能),方便之后查看复用!jquery

//(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); 

            .....

 }
相关文章
相关标签/搜索