Question

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

我还添加了一些额外的图标，让游戏更有趣。其中一个图标是雪花，将计时器和图标冻结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/

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

停止动画3秒钟

1 个答案: