JS 实现可停顿的垂直滚动

 var ScrollMiddle = {
         'Odiv':document.getElementById('comment'), // 目标DOM        
         'Oli': document.getElementById('comment').getElementsByTagName('li'), 
         'times':30,            // 配置滚动时间                                                
         'delay':1000,        // 配置暂停的时间                                
         inint:function(){
             this.size = this.Oli.length;
             this.height = 59;
             this.countHeight =this.size * this.height;
             this.Odiv.innerHTML+=this.Odiv.innerHTML;
             this.timer = null;
         },
         scroll:function(){
             var _this = this;
             _this.inint();
             function scrolls(){

                 var scrollValue = _this.Odiv.scrollTop;
                 var sub_timer = null;
                 var num=0;
                 if(scrollValue>=_this.countHeight){
                     _this.Odiv.scrollTop = 0;
                 }else{
                     _this.Odiv.scrollTop++;
                     if(scrollValue%_this.height==0){
                         clearInterval(_this.timer)
                         function delay(){
                             num++;
                             if(num==3){
                                 num=0;
                                 clearInterval(sub_timer);
                                 sub_timer = null;
                                 clearInterval(_this.timer)
                                 _this.timer = setInterval(scrolls,_this.times);
                                 return false;
                             }
                         }
                         sub_timer = setInterval(delay,_this.delay)
                     }
                 }
             }
             this.timer = setInterval(scrolls,_this.times);
         }
     }

调用方法：

ScrollMiddle.scroll();

HTML 结构：

<ul id="comment">
    <li></li>
    ......
</ul>

CSS结构：

#comment{
   width:200px;
   height:200px;
   overflow:hidden;   
}