动画的缓冲问题

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值。也就导致了速度越来越慢