JQuery-如何退出用户定义的函数？

我有一个在文档加载时运行的函数：

    function animateText() {
        $('.block')
        .css("background-image", "url(images/text-4-line-1.png)")
        .animate({left: "526"}, 1, "linear" ) .delay(2200).fadeIn(1000)
        .delay( 3000)
        .fadeOut(1000)
        $('.block2')
        .css("background-image", "url(images/text-4-line-2.png)")   
            .animate({left: "484"}, 1).delay(3200).fadeIn(1000)
         .delay( 2500)
          //etc...
    }

我想有一个按钮，将停止运行这个功能，并返回到原始位置的所有元素。我还想有另一个按钮，将重播动画功能

我不能让它工作

任何帮助都会很好

谢谢

.stop(true, true)

将停止动画并清除jQuery fx队列

要“重播”Animateen，可以再次调用

animateText（）

函数

$('#yourbutton').click(animateText);

---

参考：

将对您的情况有所帮助。

如果您的dom元素的样式设置不是内联的（例如style=“color:red；”），这可能会做到

$('#stop').click(function(){
   $('.block,.block2').stop().removeAttr('style');
});
$('#play').click(function(){
   $('.block,.block2').stop(true,true).removeAttr('style');
   animateText();
});

注意：不要进行内联样式设置

---

欢迎来到SO，当您在这里时，请不要忘记访问

。stop（）

单独使用不会将所有元素返回到原始状态，对吗？？？@Reigel-同意您和jAndy的意见。

。stop（）

单独使用不会将所有元素返回到原始状态，对吗？？我认为

.stop（true，true）

将使元素到达其最终目的地…：）@Reigel：在两个参数上都为true的情况下调用

stop（）

，实际上会跳转到最终状态，这可能是OP想要的。我认为不值得一提的是，在再次修改之前必须重置元素，但可能我错了。呵呵，我可能对OP中的这句话感到困惑，

将所有元素返回到原始位置。

感谢您的快速响应，这可以将动画发送回起点，然而，所有的时间都丢失了。我依赖于。为了得到正确的时机，我会大量延迟！如有任何其他建议，将不胜感激。非常感谢。我认为这不会影响延迟。。。你能解释一下情况吗？。。。比如延迟什么时候丢失的…谢谢你的帮助！我根据你的建议解决了我的问题。耶！！只是别忘了点击我答案左边的复选框来接受答案：）啊哈！查找此行

（'.block'，'.block2'，'#bg1'，'#bg2'）。停止（true，true）。删除ttr（'style'）您错过了一个
$
，您应该在firebug调试器中查看它。）