js控制按钮10s内只能点击一次

最新推荐文章于 2023-12-15 18:49:18 发布

原创最新推荐文章于 2023-12-15 18:49:18 发布 · 2.8k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端

本文介绍了一种使用JavaScript和jQuery防止按钮在10秒内被重复点击的方法，通过设置标记变量来控制按钮的状态，并利用setTimeout实现定时恢复按钮可用性的功能。

1.先在<script type="text/javascript">内定义一个标识

var delConf= "1";

2.按钮10s内只能点击一次

function delConf() {
	$("#delConf").linkbutton("disable");
    if (delFlag != "1") {
        $("#delConf").linkbutton("enable");
        $.messager.alert('删除按钮10s内只能点击一次！');
        return;
    }    
	delFlag = "2";
    //10秒后启用点击事件
    setTimeout(function () {
        delFlag = "1";
    }, 10000);
    $.post("<%=basePath%>config/delConf.do",
    {
        "id": id,
    }, function (rel) {
        $("#delConf").linkbutton("enable");
            if(!rel){
        }else if (rel == "success") {
			var closeAlert = $.messager.alert('操作成功！');            
            //返回到父窗口页面
            closeAlert.window({
				modal: true,
				onBeforeClose: function () {
                    location.reload();
                }
            });
            } else if(rel == "noExist") {
                $.messager.alert('无任何配置！');
            } else {
                $.messager.alert('操作失败！');
            }
        }
	);
}