Jquery动画持续时间：移动不够平滑

这是我第一次在这里写作。我对JQuery动画有一些问题：当持续时间非常慢（例如10000）时，动作不够平滑。我的部门需要一个“自然”的动作。有人知道我的问题的解决方案吗？或者你能告诉我该怎么做吗？谢谢 代码如下所示：

function moveFoo(){
    var timeFoo = setInterval(function(){
        var $foo = $("#foo");
        $foo.animate({"top": "-=10px"}, 20000, "linear");
        $foo.animate({"top": "+=10px"}, 20000, "linear");
    }, 1);
};
moveFoo();

---

您应该查看requestanimationframe和/或使用使用requestanimationframe的tweening引擎。基于计时器的动画（如jQuery tweening引擎中使用的动画）效率低下，计时器会导致动画不一致

---

谢谢！我对此一无所知。我一直在读关于requestAnimationFrame的书，我只是想让它发挥作用。但是，动画并不更平滑。我正在Chrome上测试它：window.webkitRequestAnimationFrame（foo）；有什么想法吗？