Javascript 单击按钮时暂停jQuery

我有一些jQuery，它将一些CSS转换应用于循环中的div。看到他们沿着幻灯片工作，所以我设法让他们彼此同步

我想知道是否有一种方法可以让这些jQuery命令在单击一个单独的按钮时暂停，然后在第二次单击时从停止时的位置恢复正在执行的操作

doIt();

function doIt(){
$('.title1').fadeIn('fast', function() {
$('div').addClass('animated pulse');
})
$('div').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend    
animationend', function() {
$('.title1').fadeOut(2000, function() {doIt();});
});
};

任何帮助都将不胜感激。

可能是您所需要的，但请注意：

如果在同一元素上调用了多个动画方法，则稍后的动画将放置在该元素的效果队列中。在第一个动画完成之前，这些动画不会开始。当调用.stop（）时，队列中的下一个动画将立即开始

---

要继续，您必须重新应用效果，通常（例如，您的fadeIn，它将从任何位置进行淡入）。

您可以在此处执行的操作是，您可以解除该div上的事件绑定，这将使动画正常运行

   $('#btn').bind("click",function(e){

     $('div').unbind(); //Unbind Fadein,Fadeout events only if u have other events on this div
     $('.title1').unbind();

});

按钮HTML

<input type="button" id="btn" value="Stop this"></input>

拨弄

---

嘿，谢谢你的回答-如果我需要暂停和单独的播放按钮，我该怎么做？