Gady啊
2016-08-20 12:58
speed > 0 ? speed = Math.ceil(speed) : speed = Math.floor(speed);
为什么大于0 要向上取整,小于0 要向下取整?
因为之前定时器的循环里,因为最后结果都是差零点几,结果最后导致多执行一次来满足target,然后最后运动的距离就超出了,负的向下取整,正的向上取就是为了弥补上除法除出来差的那零点几,然后就不会多执行那一次循环,就避免了超出和未运动到的情况
当speed负值时=-0.9、-0.8、-0.7...时,向上取整时speed值=0,此后的速度一直为0,所以要向下取整-0.9、-0.8...向下取整等于-1;同理当speed为正值时0.9、0.8、0.7...向上取=1,向下取=0;
至于为什么要取整,是因为offsetWidth等像素值最小单元为1px,有小数存在时会四舍五入,当接近目标值时speed值小于0.5时,此时的obj.offsetWidth小数位<0.5时就永远地进不了位(如196.4四舍五入为196);
JS动画效果
113925 学习 · 1443 问题
相似问题