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

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);
});