jquery - 使用 jquery 暂停和恢复动画

Question

在我们当前的项目中，我们使用 jquery 部署了各种对象的动画。谁能建议一种暂停和恢复动画的方法。

我们听说过队列，但无法正确暂停和恢复。请建议如何使用队列暂停动画。请注意，我们有多个对象，我们需要在单击按钮时暂停所有动画，然后在另一个按钮上恢复点击。

如果有人可以演示或提供示例，那将是您的好意。（暂停插件不起作用，因为我们在动画之间有一些延迟功能）

Answer 1

stop()使用该功能可以轻松完成。

演示：http: //jsfiddle.net/6eMQq/

代码：

// to animate or continue animation
$('#item').animate({width: '500px'}, 2000);

// to pause the animation
$('#item').stop();

Answer 2

你可以使用 jQueryanimate()和stop()to-do 开始和暂停动画，

animate- http://api.jquery.com/animate/

stop- http://api.jquery.com/stop/

在这里查看 jQuery 演示， http://jsfiddle.net/muthkum/KP74n/

Answer 3

function animateLoop( $elem ){
    var i = $elem.data("i");
    var ti = 1 - i;
    var startPos = ( 2 * ti * contentWidth ) - contentWidth;
    $elem.css('margin-left', startPos + "px");
    $elem.animate( 
        { 
            'margin-left' :  - contentWidth + "px" },
        {
            duration: ( time * 1000 * ti ),
            easing: 'linear',
            step: function( v, p ){ 
                $elem.data( 'i', i + p.pos * ti ); 
                //console.log( i + p.pos * ti ); 
            },
            complete: function(){ 
                $elem.data( 'i', 0 ); 
                animateLoop( $elem ); 
            } 
        }
    );
};

$content.data('i',0);
animateLoop( $content );

我关于如何停止和恢复 jquery 动画循环的建议。