欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

jquery禁用按钮60秒

程序员文章站 2022-07-13 12:05:43
...

一、禁用60秒,60秒钟后可用

/*按钮禁用60秒*/
function disabledButton(){
    $("#send_btn").attr({"disabled":"disabled"});     //控制按钮为禁用
    var timeoutObj = setTimeout(function () {
        $("#send_btn").removeAttr("disabled");//将按钮可用
        /* 清除已设置的setTimeout对象 */
        clearTimeout(timeoutObj)
    }, 60000);//要禁用多长时间自己设置
}

二、禁用60秒,60秒钟后可用,带有倒计时提示(比较有档次)

/*按钮禁用60秒,并显示倒计时*/
function disabledButton(){
    $("#send_btn").attr({"disabled":"disabled"});     //控制按钮为禁用
    var second = 60;
    var intervalObj = setInterval(function () {
        $("#send_btn").text("重新操作" + "(" + second + ")");
        if(second == 0){
            $("#send_btn").text("提交操作");
            $("#send_btn").removeAttr("disabled");//将按钮可用
            /* 清除已设置的setInterval对象 */
            clearInterval(intervalObj);
        }
        second--;
    }, 1000 );
}

经常使用,记录一下,要想使用拿走不谢!