javascript - 设置间隔和延迟

Question

我试图让 div 每 4 秒弹跳一次，并在 15 秒后淡出。下面的代码使 div 消失并且不会发生弹跳。

$(document).ready(function(){
    function salta() {
        $('.recomenda').effect("bounce",{ times:4 },300);
    }
    setInterval(salta, 4000);
    $('.recomenda').delay(15000).fadeout('slow');
});

这不是工作，你能给我任何提示吗？

亲切的问候。

在 Matt 的帮助下，我想出了如何去做:

function salta() {
    $('.recomenda').effect("bounce",{ times:4 },300);
}
    var interval = setInterval(salta, 3500);

setTimeout(function (){ 
    clearInterval(interval);
    $('.recomenda').fadeOut('slow');
    }, 15000);

Answer 1

编辑 - 最终版本

$(document).ready(function ()
{
    var $recomenda = $('.recomenda');

    function salta()
    {
        $recomenda.effect('bounce', {times:4}, 300);
    }

    salta();
    var interval = setInterval(salta, 4000);

    setTimeout(function ()
    {
        // stop the interval from running unnecessarily
        clearInterval(interval);
        $recomenda.fadeOut('slow');
    }, 15000);
});

还有另外两个问题:

• fadeout() 而不是 fadeOut()
• 使用 .delay() 会干扰反弹效果

演示:http://jsfiddle.net/mattball/a2F3W/