2

我正在创建一个打地鼠风格的游戏，其中给出了一个总和，数字从容器底部到顶部动画。游戏的目的是点击总和的正确答案并收集尽可能多的正确答案。

我还添加了一些额外的图标，让游戏更有趣。其中一个图标是雪花，它将计时器和图标冻结 3 秒。

目前停止时钟 3 秒没有问题 - 这部分工作正常。我遇到的问题是停止数字和其他图标 3 秒钟。

这个我试过了。。

    $(".character").click(clickThrottled(function () {
        if ($(this).hasClass("freeze")) { 
            $(this).effect("explode", 400);
            $('.character').stop(true);
            window.clearInterval(countdown);
            window.setTimeout(function() {
            countdown = window.setInterval(timer, 1000);
        }, 3000);
    }
}));

但它所做的只是永久停止图标。我也尝试过在 setTimeout 函数中对接 stop()，但这也不起作用。有人可以告诉我哪里出错了吗？

小提琴：http: //jsfiddle.net/pUwKb/52/

4

1 回答 1

1

stop 将清除队列中的所有动画。尝试像这样添加动画：

$(".character").click(clickThrottled(function () {
    if ($(this).hasClass("freeze")) { 
        $(this).effect("explode", 400);
        $('.character').stop(true).delay('3000').animate({
          'top': '-100px'
        }, 2000).fadeOut(1000);
        window.clearInterval(countdown);
        window.setTimeout(function() {
        countdown = window.setInterval(timer, 1000);
    }, 3000);
}
于 2013-01-16T17:23:00.133 回答