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 );
}

文章标题:js禁用按钮10秒(或者jquery)
URL标题:http://bzwzjz.com/article/jsihhj.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 成都商城网站建设 网站建设推广 成都网站设计 成都商城网站建设 成都网站制作公司 成都网站制作 专业网站设计 宜宾网站设计 成都模版网站建设 H5网站制作 网站制作公司 营销型网站建设 成都网站建设 盐亭网站设计 营销网站建设 企业网站建设公司 营销网站建设 成都定制网站建设 教育网站设计方案 网站制作报价 成都网站建设流程 响应式网站设计方案