一、html按钮标签代码。
<div class="btnBox"> <a href="#" style="background-color: #7097f9" id="btnB" οnclick="change()">立即兑换</a> </div>
二、按钮停用的点击事件(一下均可)。
1.$("#btnBox").addClass("disable"); 2.$("#btnB").attr("disabled", true).css("pointer-events", "none"); 3.$('#btnB').removeAttr('href');//去掉a标签中的href属性。 4.$('#btnB').removeAttr('onclick');//去掉a标签中的onclick事件。 5.document.getElementById("btnB").disabled = "true"; var obj = document.getElementById("btnB"); obj.style.backgroundColor = "#dddcdc";//按钮颜色置灰
三、10秒钟之后启动。
// 10秒后启用点击事件 setTimeout(function(){ //$(".btnBox").removeClass("disable"); $(".btnBox").removeAttr("disabled"); },10000);
四、代码展示。
function change() { // 禁用点击事件 //$("#btnBox").addClass("disable"); $("#btnB").attr("disabled", true).css("pointer-events", "none"); $('#btnB').removeAttr('href');//去掉a标签中的href属性 $('#btnB').removeAttr('onclick');//去掉a标签中的onclick事件 document.getElementById("btnB").disabled = "true"; var obj = document.getElementById("btnB"); obj.style.backgroundColor = "#dddcdc";//按钮颜色置灰 $.ajax({ url: 后端地址, data: {往后端传的值}, type: 'post',//传送方式 dataType: "json",//传送的数据类型 success: function (data) { var orderId = data.obj; if (data.success == true) {//如果返回来的信息说明提交的信息为正确的 window.location.href = 需要跳转的地址+需要传输的数据。//正确登录后页面跳转至 } else { //错误信息弹窗提示。 } } }); } // 10秒后启用点击事件 setTimeout(function(){ //$(".btnBox").removeClass("disable"); $(".btnBox").removeAttr("disabled"); },10000); };