Javascript 停止。如果用户多次单击，请单击函数

如何停止

。如果用户单击次数过多，请单击

功能？ 我的代码：

$('button').click(function() {
    $('#bg').fadeToggle('200');
});

---

尝试使用

one

$( "#foo" ).one( "click", function() {
 $('#bg').fadeToggle('200');
});

---

请参见尝试使用

one

$( "#foo" ).one( "click", function() {
 $('#bg').fadeToggle('200');
});

---

单击超过5次后，将停止执行该功能，请参见：

---

单击超过5次后，将停止执行该功能：

---

我想你问这个问题是因为

fadeToggle

动画没有运行

---

您可以使用

控制正在运行/排队的动画。我假设您这样问是因为fadeToggle动画没有运行

---

您可以使用

控制正在运行/排队的动画，请尝试以下操作：

var maxclicks = 5,
    clicks = 0,
    handler = function() {
        if(clicks < maxclicks){
            $('#bg').fadeToggle('200');
            clicks++;
        }    
        else{
            console.log('You have reached the limit of '+ maxclicks + ' clicks.');
            $('button').off('click',handler)
        }

    };

$('button').on('click',handler);

var maxclicks=5，
单击次数=0，
handler=函数（）{
如果（点击次数<最大点击次数）{
$（'bg'）.fadeToggle（'200'）；
点击++；
}    
否则{
log（'您已达到'+maxclicks+'clicks'的限制'）；
$（'button'）。关闭（'click'，处理程序）
}
};
$（'button'）。在（'click'，handler）上；

尝试以下方法：

var maxclicks = 5,
    clicks = 0,
    handler = function() {
        if(clicks < maxclicks){
            $('#bg').fadeToggle('200');
            clicks++;
        }    
        else{
            console.log('You have reached the limit of '+ maxclicks + ' clicks.');
            $('button').off('click',handler)
        }

    };

$('button').on('click',handler);

var maxclicks=5，
单击次数=0，
handler=函数（）{
如果（点击次数<最大点击次数）{
$（'bg'）.fadeToggle（'200'）；
点击++；
}    
否则{
log（'您已达到'+maxclicks+'clicks'的限制'）；
$（'button'）。关闭（'click'，处理程序）
}
};
$（'button'）。在（'click'，handler）上；