可以为 jQuery 动画定义速度而不是持续时间吗？

Question

我的这个职位取决于动态价值。较短距离的动画应该更快但具有相同的加速度（速度），这是有道理的。但是，在 jquery 文档中，我只看到了一种定义持续时间的方法，这对很多事情都可以，但对其他事情却不行。我如何定义速度，所以如果值很小，持续时间也很小，如果值很长，那么持续时间很长。谢谢。

Answer 1

由于jQuery动画只接受时间，你可以计算时间给你一个具体的速度：

time = pixels / desired pixels per second

所以，如果动画覆盖 200px 并且期望的速度是 100px / sec，那么你只需计算：

time = 200px / 100 px per sec = 2 sec = 2000ms

如果动画覆盖 40 像素，那么您将拥有：

time = 40px / 100 px per sec = 0.4 sec = 400ms

您还可以使用animate(properties, options) 的这种形式为您制作自己的 jQuery animate 版本：

jQuery.fn.speedAnimate = function(properties, options, val, rate) {
    options.duration = (val / rate) * 1000;
    return this.animate(properties, options);
}

val 是您愿意使用的任何单位（像素可能是最常见的），rate 是单位/秒。