浅谈JS之运动、即动画
运动也可以叫做动画,叫法不同罢了 1:运动的原理 通过连续不断的改变物体的位置,而发生移动变化。使用setInterval实现。 匀速运动:速度值一直保持不变。 多物体同时运动:将定时器绑设置为对象的一个属性。 注:物体每次运动都应该把之前的定时器清除掉。 示例代码如下: var speedX = 6; // box为绝对定位 box.timer = setInterval(function(){ box.style.left = box.offsetLeft + speedX +'px'; },80) 2:边界处理 遇到边界是应该停止掉还是反弹(方向相反)。 改变物体
用户评论