Jquery动画持续时间: movement not smooth enought

Question

这是我第一次在这里写文章。我对 JQuery 动画有一些问题:当持续时间非常慢(例如 10000)时， Action 不够平滑。我的 div 需要一个“自然”的运动。有人知道我的问题的解决方案吗？或者你能建议我该怎么做吗？谢谢!!!! 代码是这样的:

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

Answer 1

您应该研究 requestanimationframe 和/或使用使用 requestanimationframe 的补间引擎。基于计时器的动画(如 jQuery 补间引擎中使用的动画)效率不高，并且计时器会导致动画不一致。

https://developer.mozilla.org/en/docs/Web/API/window.requestAnimationFrame