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

Jquery动画持续时间：运动不够平稳

1 个答案: