Jquery动画持续时间：运动不够流畅答案

【问题标题】：Jquery animate duration: movement not smooth enoughtJquery动画持续时间：运动不够流畅
【发布时间】：2013-03-16 16:38:18
【问题描述】：

这是我第一次在这里写作。我对 JQuery 动画有一些问题：当持续时间真的很慢（例如，10000）时，动作不够流畅。我的 div 需要一个“自然”的运动。有人知道我的问题的解决方案吗？或者你能告诉我该怎么做吗？谢谢！！！！代码是这样的：

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

【问题讨论】：

标签： jquery jquery-animate smooth

【解决方案1】：

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

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

【讨论】：

谢谢！我对此一无所知。我一直在阅读有关 requestAnimationFrame 的内容，我只是试图让它工作。但是动画并不流畅。我在 Chrome 上测试它：window.webkitRequestAnimationFrame(foo);有什么想法吗？