Javascript：在单击ID后禁用click事件1秒_Javascript_Jquery_Events_Click

Javascript：在单击ID后禁用click事件1秒

javascript jquery events

Javascript：在单击ID后禁用click事件1秒,javascript,jquery,events,click,Javascript,Jquery,Events,Click,标题几乎描述了我的问题。我只需要禁用click事件一秒钟，这样我就不能在这么短的时间内单击网页上的任何其他按钮。时间过去后，我可以再次点击任何地方在这一秒钟内禁用其他按钮也是可以接受的。试试看 $('#id').on('click',function(){ // let a common class(disable-btn) for each button which should be disabled for on second $('.disable-btn').pro

标题几乎描述了我的问题。我只需要禁用click事件一秒钟，这样我就不能在这么短的时间内单击网页上的任何其他按钮。时间过去后，我可以再次点击任何地方

在这一秒钟内禁用其他按钮也是可以接受的。

试试看

$('#id').on('click',function(){
    // let a common class(disable-btn) for each button which should be disabled for on second
    $('.disable-btn').prop('disabled',true);
    setTimeout(function(){
       // enable click after 1 second
       $('.disable-btn').prop('disabled',false);
    },1000); // 1 second delay
});

$（'#id'）。在（'click'，function（）上{
//为每个按钮设置一个公共类（禁用btn），该按钮应在第二秒内禁用
$（'.disable btn'）.prop（'disabled'，true）；
setTimeout（函数（）{
//在1秒后启用单击
$（'.disable btn'）.prop（'disabled'，false）；
}，1000）；//延迟1秒
});

单击可禁用其他功能1秒


将禁用1秒钟


将禁用1秒钟


不会禁用


将禁用1秒钟


此页上的脚本启动此时钟：

函数禁用btns（）{
document.getElementById（“btn1”）.disabled=true；
document.getElementById（“btn2”）.disabled=true；
var timer=setInterval（函数（）{enableBtns（）}，1000）；
//1000表示1000毫秒
}
功能使能BTNS（）{
document.getElementById（“btn1”）.disabled=false；
document.getElementById（“btn2”）.disabled=false；
清除间隔（计时器）；
}
按钮1
按钮2
@AkeshwarJha欢迎您。我的荣幸。
    <!DOCTYPE html>
    <html>
    <body>

    <p>A script on this page starts this clock:</p>

    <p id="demo"></p>

    <script>

    function disableBtns() {
    document.getElementById("btn1").disabled = true; 
    document.getElementById("btn2").disabled = true; 
    var timer = setInterval(function(){enableBtns()},1000);
    //1000 means 1000 milliseconds
    }

    function enableBtns(){
    document.getElementById("btn1").disabled = false; 
    document.getElementById("btn2").disabled = false; 
    clearInterval(timer); 
    }
    </script>

    </body>

    <button id ="btn1" type="button" onclick="disableBtns()" >Button                            1</button>
    <button id ="btn2" type="button" onclick="disableBtns()" >Button                 2</button>
    </html>