没有队列的动画延迟

时间:2014-08-12 08:22:10

标签: jquery jquery-animate delay

我在jquery中的动画有点问题。

这是我的代码:

$(function()
{
    var speed = 1000;
    var target = -878;
    var pause = 7000;
    var rewind = 300;
    var fullPause = 99999999;

    setInterval(function()
    {
        $(".slideshow ul").animate({marginLeft:target},speed,function()
        {
            $(".slideshow ul").hover(function() {
                $(this).stop(true).animate({ marginLeft: 0 }, rewind).delay(fullPause);
            }, function() {
                $(this).animate({ }, speed); //restart
            });

            $(this).css({marginLeft:0}).find("li:last").after($(this).find("li:first"));
        })
    }, pause)
};

这几乎可以工作。问题是暂停期间,队列中的动画继续,当鼠标离开我的div时,动画会使所有步骤都丢失。

是否有可能打破超时?或使用真正的暂停而不是延迟?我见过jquery的暂停功能,但这对我不起作用!

先谢谢你的帮助,对不起我的英语:)

0 个答案:

没有答案