如何使用jquery进行常量动画

Question

我想使用.animate功能,但我有一些问题,我想改变"左"的价值,但我不知道该项目的宽度,我将提出动议,如果我发送到动画定时器1000的宽度和我产品100px的,这将是不同的,如果我的项目的宽度为500像素,为动画,当谈到接近它的结束的target它变得更快,反正是有,不用担心速度和超时移动我的项目？

Answer 1

如果我理解正确,你想要改变你动画项目的左边,但是你希望它以恒定速度移动,而不是在恒定时间内完成.实际上以恒定速度移动的项目是在JavaScript动画(setInterval的,setTimeout的,等)JQuery的是不想做参与(更频繁)的情况下繁琐的计算谁的人一个快捷方式的默认方式希望过渡在恒定时间内发生.

所以,有两种方法可以做到.一:不要将JQuery用于该动画.将setInterval或setTimeout与日期差异检查一起使用.二:使用JQuery但计算宽度,以便反向计算持续时间.你可以获得任何JQuery对象的宽度.width().从这里你可以计算出需要行进的距离,然后将你想要保持不变的速度(每秒像素数)除以得到插入JQuery动画功能的时间.合理？