js禁用按鈕10秒(或者jquery)

方式一:禁用10秒,10秒鐘後可用

/*按鈕禁用10秒*/
function disabledSubmitButton(submitButtonName){
    $("#"+submitButtonName).attr({"disabled":"disabled"});     //控制按鈕爲禁用
    var timeoutObj = setTimeout(function () {
        $("#"+submitButtonName).removeAttr("disabled");//將按鈕可用
        /* 清除已設置的setTimeout對象 */
        clearTimeout(timeoutObj)
    }, 10000);
}

方式二:禁用10秒,10秒鐘後可用,且有倒計時提示

/*按鈕禁用10秒,並顯示倒計時*/
function disabledSubmitButton02(submitButtonName, submitButtonText){
    $("#"+submitButtonName).attr({"disabled":"disabled"});     //控制按鈕爲禁用
    var second = 10;
    var intervalObj = setInterval(function () {
        $("#"+submitButtonName).text(submitButtonText + "(" + second + ")");
        if(second == 0){
            $("#"+submitButtonName).text(submitButtonText);
            $("#"+submitButtonName).removeAttr("disabled");//將按鈕可用
            /* 清除已設置的setInterval對象 */
            clearInterval(intervalObj);
        }
        second--;
    }, 1000 );
}
相關文章
相關標籤/搜索