在animate执行时如何停止

写一个效果为点击后跳出一个弹框，在3秒后自动右移消失，这个弹框的下面还有一条进度条，在这三秒的时候逐渐减小，在进度条消失的时候弹框便会开始右移。

为这个弹框添加一个鼠标mouseover，计数清零，进度框的animate也停止并回退，设计如图：

$(".popup").mouseover(function(){
     clearInterval(timer);
     $(".progress").stop()；
})

.popup就是弹框，.progress是进度条

为.progress添加stop(),

stop(stopAll,goToEnd)

stopAll——停止该元素当前所有的animate动作

goToEnd——结束该元素当前的animate动作后停止

就是倘若该元素就较多的动作，有好多个animate，那么stopAll的意思就是所有的animate直接停止，而goToEnd的意思就是当前的这个animate先结束，然后再停止。

注:goToEnd只能在设置了 stopAll 参数时使用。