jquery两次动画之间是否可以设定间隔时间

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
#demo{ width:500px; height:150px; border:1px solid #f00; overflow:hidden; margin:auto; position:relative}
#demo ul{ padding:0px; margin:0px; width:20000px; position:relative}
#demo ul li{ display:block; float:left}
#demo ul li img{ width:200px; height:150px}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
var obj=$("#demo ul");
obj.html(obj.html()+obj.html());
    function moveToleft(){
var left=obj.position().left-400;
obj.animate({left:left},1000,function(){
if(Math.abs(-obj.position().left)>=800){
    obj.css({"left":"0px"});
moveToleft();
}else{
moveToleft();
}

}
);
}
moveToleft();
obj.hover(function(){
    obj.stop();
},
function(){
moveToleft();
}

)
});
</script>
</head>
<body>
<div id="demo">
    <ul>
        <li><img src="01.jpg" ></li>
        <li><img src="03.jpg" ></li>
        <li><img src="04.jpg" ></li>
        <li><img src="06.jpg" ></li>
   </ul>
</div>
</body>
</html>请看下我的代码
请问，每次滚动之后怎样设定停顿2秒再滚动呢