Jquery动画持续时间:移动不够流畅

Question

这是我第一次在这里写作。我对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();

Answer 1

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

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