Javascript 流体无限循环jQuery

我使用一个简单的脚本来实现无限循环，但它不是流动的，我测试了很多时间，结果并不好

  setInterval(function(){
     $("#list ul").animate({marginTop:-100},800,function(){
        $(this).css({marginTop:0}).find("li:last").after($(this).find("li:first"));
     })
  }, 800);  

---

流体回路的解决方案是什么？谢谢

将松弛设置为

线性

setInterval(function(){
    $("#list ul").animate({marginTop:-100},800,'linear',function(){
        $(this).css({marginTop:0}).find("li:last").after($(this).find("li:first"));
    })
}, 800);  

您需要将设置为

线性

setInterval(function(){
$("#list ul").animate({marginTop:-100},800,'linear',function(){
    $(this).css({marginTop:0}).find("li:last").after($(this).find("li:first"));
})
}, 800);

---

除了下面的答案，请使用

requestAnimationFrame

而不是

setInterval