javascript - 如何使用jquery制作恒定的动画

Question

我想使用 .animate 函数但我有一些问题我想更改“左”值但我不知道我将移动的项目的宽度所以如果我将动画计时器发送到 1000 和我的项目的宽度是 100px，如果我的项目的宽度是 500px 并且对于动画，当它接近目标的末尾时它会变得更快，无论如何移动我的项目而不用担心速度和超时？

Answer 1

如果我对你的理解是正确的，你想改变你正在设置动画的项目的左侧，但你希望它以恒定速度移动，而不是在恒定时间内完成。事实上，以恒定速度移动项目是 javascript 中的默认动画方式(setInterval、setTimeout 等)。对于不想进行(更频繁的)案例中涉及的繁琐计算的人来说，JQuery 是一种快捷方式希望在恒定时间内发生转换。

所以，有两种方法可以做到。一:不要为该动画使用 JQuery。使用 setInterval 或 setTimeout 进行日期差异检查。二:使用 JQuery 但计算宽度，以便您可以反向计算持续时间。您可以使用 .width() 获取任何 JQuery 对象的宽度。由此您可以计算出需要移动的距离，然后将其除以您希望保持恒定的速度(每秒像素数)以获得插入 JQuery 动画函数的时间。有道理吗？