javascript - 触发后 5 秒内禁用对函数的调用

Question

我有一个按钮，当有一个函数“事件”时，我想禁用它不再发送对 jquery 的调用。

发生的情况是，每次用户单击该按钮，计数器就会减 1。但是，这种情况会发生延迟，请参阅此处的步骤；

• 点击按钮
• 按钮被禁用
• 5 秒后，计数器减少，按钮变为启用。

但是，现在的问题是，即使该按钮应该被禁用，用户也只需单击 X 次，并且计数器会在 5 秒后随着该 X 次而减少。

这意味着调用仍在进行。

在这里查看我到目前为止尝试做的事情，但不幸的是没有成功..

$( document ).ready(function() {

    var enabled=true;

    $(".myButton").click(function(){

        if(enabled = true) {

        setTimeout(function(){
            var i = document.getElementById('counter2');
            i.innerHTML = parseInt(i.innerHTML)-1;
            $('.progress-bar').css("width", '+=' + '35px');
            $(".myButton").attr('disabled','enabled');
            $('.myButton').css('opacity', '1');
            var enabled=true;
        },5000)
        $(".myButton").attr('disabled','disabled');
        $('.myButton').css('opacity', '0.5');
        var enabled=false;

        } else { }

    });
});

Answer 1

if(enabled = true) {
           ^

你的意思是在这里写==。或者甚至更好:if (enabled) as enabled 无论如何都是一个 bool 值。

使用 = true 也是这里的一个赋值。由于 true 为真，条件将始终评估为 true。