如何防止垃圾邮件点击发射事件？

Question

我正在看下面的代码,我想知道如何阻止垃圾邮件点击,例如,如果你一次点击很多次,动画就会开始搞乱.

我怎样才能防止这种情况发生？只是有条件的工作？我尝试过但我无法让它发挥作用. if isAnimating = true

如何使动画继续播放并阻止用户交互,直到完成.

http://codepen.io/Filippo/pen/WvGbJB/?editors=011

Answer 1

如果你想通过CSS或JS播放动画这一事实不可知,那么只有一个解决方案.你必须知道你的动画有多长并且使用了setTimeout.例如 :

var isAnimating = false;
$('#button').click(function() {
    if (isAnimating) {
        return;
    }

    isAnimating = true;

    // Start animation. Add a css class or do this by javascript or whatever

    // Assuming the animation duration is 2 seconds
    setTimeout(function() {
        isAnimating = false;
    }, 2000);
});