按鈕點擊-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); 

            .....

 }
相關文章
相關標籤/搜索