JS实现简单方便的循环向上滚动带停顿效果

JS代码：

<script type="text/javascript">

function change_coupon_list(){
var boxObj=$("#rollingBox");
var liObj=boxObj.find('li');
var firstLi=liObj.eq(0);
var firstLiClone=firstLi.clone(true);
firstLi.animate({marginTop:-firstLi.innerHeight(),opacity:0},1000,function(){
firstLiClone.css({opacity:1});
liObj.eq(liObj.length-1).after(firstLiClone);
firstLi.remove();
});
}
setInterval(function(){change_coupon_list();},4000);
</script>



HTML标签：
<div id="rollingBox">
<ul>
<li><a href="#">1满100元赠送黑森林蛋糕一个</a></li>
<li><a href="#">2满100元赠送黑森林蛋糕一个</a></li>
</ul>
</div>