我想实现滚动信息效果，自己写半天只达到这种效果，求修改！

Question

有没有类似的demo供参考,每次只显示一条！有什么方法可以让第三条显示完成后再继续滑动显示第一条么，而不是直接又到第一条！csshtml        <div class="content">        <ul class="list">             <li>test1</li>             <li>test2</li>             <li>test3</li>         </ul>         </div>JS   <script>         let i=0;        function goTop(){                                     ++i;                    // console.log(i);                     if(i==0){                         $(".list").css("top",0);                     }                    if(i<3){                     $(".list").animate({                        top:-40*i                     },1000)                 }                else{                                     i=-1;                 }                     }                 setInterval(goTop,1000);    </script>