动画的缓冲问题

Question

在模仿人家的代码学习缓冲，但是对其中的一段不理解。
html和css代码是这样的：

js代码是这样的：

我的问题主要在这一段

var speed = (iTarget - odiv.offsetLeft)/10;

因为iTaget和odiv.offsetLeft的值都是固定的，假如差是200，除以10，结果也就是20px，每30毫秒重复一次，所以变化应该是恒定的呀，但事实确是开始快，结束慢。

还有这一段

speed = speed>0?Math.ceil(speed):Math.floor(speed);

为什么要调用Math方法，明明是整数，怎么会变成浮点数。

就这两个地方有点不理解。
谢谢帮助。

Answer 1

itarget的值固定，但是offsetleft每次都会取当前时间的值，随着时间推移，会越来越接近target值。也就导致了速度越来越慢