Image 如何在不延迟恢复动画的情况下暂停连续幻灯片动画?

Image 如何在不延迟恢复动画的情况下暂停连续幻灯片动画?,image,jquery-animate,slider,continuous,Image,Jquery Animate,Slider,Continuous,我开始学习jQuery。我在制作连续幻灯片动画时遇到困难,一些客户的图像从屏幕上经过。一切都很好,直到当用户将鼠标移到正在移动的上时,我尝试暂停该功能。发生这种情况时,动画停止。但要重新启动,需要很短的延迟(即使使用.clearQueue();)此短延迟仍然存在。我如何纠正这一点以消除延迟 功能: animar('.clientesHome ul'); // pauses / iniciate animation $('.clientesHome ul').hover(

我开始学习jQuery。我在制作连续幻灯片动画时遇到困难,一些客户的图像从屏幕上经过。一切都很好,直到当用户将鼠标移到正在移动的
上时,我尝试暂停该功能。发生这种情况时,动画停止。但要重新启动,需要很短的延迟(即使使用
.clearQueue();
)此短延迟仍然存在。我如何纠正这一点以消除延迟

功能:

animar('.clientesHome ul');

// pauses / iniciate animation
    $('.clientesHome ul').hover(

        function () {
            $('.clientesHome ul').clearQueue();
            $('.clientesHome ul').stop();   
        },
        function () {
            $('.clientesHome ul').clearQueue();
            animar('.clientesHome ul');
        }
    );

function animar(oque) {
        if(!stoped){
            $(oque).css('left', $(oque).position().left);
            $(oque).clearQueue();

            var regressivo  = 2000;

            $(oque).animate({
                left: '-' + $('.clientesHome ul li').width() + 'px'
            },  regressivo ,
            'linear',
            function (){
                //
                $('.clientesHome ul li:first').clone().appendTo('.clientesHome ul');
                $('.clientesHome ul li:first').remove();

                    $(oque).css('left','0');
                    animar(oque);
            });
        }
    }

当您试图找到bug时,最好的方法是剥离代码,使其尽可能简单。这是您在JSFIDLE中分条的代码:。这个例子很好,没有延迟。为了找到你的bug,开始一个接一个地添加代码的特性,当你看到延迟时,你已经找到了你的bug

没有你原来的HMLT/CSS,这是我能做的最好的了