单击后jQuery Rotate阻止堆叠功能

Question

fiddle link

您好， 用户点击按钮后，我使用此jQueryRotate plugin来旋转我的div。

我想在多次单击按钮后停止堆叠旋转。它只是继续加速。

我研究过它并使用.stop()或return false;无法提供帮助。 我只想知道，是否有办法在下次点击时重置旋转，或在点击另一个按钮后停止旋转。 非常感谢！

Answer 1

故障源于循环中多次声明。 我在click事件之外拉出了变量，从而停止了故障。

为了防止速度增加，我快速检查了按钮是否已被点击。见下文

$(document).ready(function () {
    var angle = 0
    var angleone = 0;
    var clicked = false;
    $('.concept').click(function () {
        if (!clicked) {
            setInterval(function () {
                angle += 3;
                $(".gear").rotate(angle);
            }, 50);

            setInterval(function () {
                angleone -= 3;
                $(".gear-one").rotate(angle);
            }, 50);
            clicked = true;
        }
    });
    $('.bar').click(function () {
        if ($('#default').is(':visible')) {
            $('#default').fadeOut(200);
        };
    });
});