JS的操作面试题，未解决

收录几道js面试题

1. 实现一个div方块，高宽都是50px，让他从屏幕的左边滚动到右边，每次步进5个像素，10毫秒步进一次，从屏幕左边滚动到屏幕右边消失，然后重新从左边出现，循环往复。 限制：只能用js+css1来做， 定时器不能用setinterval，只能settimeout
2. 在第一步的基础上，使用工厂模式（即运动逻辑封装成一个对象，外面把它实例化出来），创建两个这样的运动div进行从左到右的运动，y轴高度一样，但初始x轴不一样，步进速度不一样（要求：高度封装运动对象，外面应用层去创建实例，赋予速度和初始位置）
3. 增加一个碰撞检测模块，两个div只要发生碰撞，就交换两者速度，但不可以出现后者穿越前者。（要求：碰撞是碰撞的逻辑，运动对象是运动逻辑，需要解耦，可以轻松扩展到更多对象生成后运动，互相碰撞的情形，可自由发挥，建议全局就一个setimeout来驱动各个模块）
4. 在html上做3个按钮分别演示上述3个场景（加分项：考察如何重用代码逻辑，可自由发挥其他情况，比如更多的div在运动的场景，通过增加按钮来演示这些自由发挥的地方）