js运动

物体运动原理：通过改变物体的位置，而发生移动变化。

 方法：

      1.运动的物体使用绝对定位 

      2.通过改变定位物体的属性（left、right、top、bottom）值来使物体移动。例如向右或左移动可以使用offsetLeft（offsetRight）来控制左右移动。

 步骤：

    1、先清除定时器 （因为：是连续点击按钮，物体会运动越来越快,造成运动混乱）

    2、开启定时器，计算速度

    3、判断停止条件，执行运动

例： 

//就是连续点击按钮，物体会运动越来越快,造成运动混乱。
  var timer=null;
 function starMove(obj){
 　　//为了解决上述问题，则必须在开启定时器之前，先清除定时器，因此需要一个全局变量 timer保存定时器
       clearInterval(timer);
　　var iSpeed =5;
　　//设置定时器
　　timer=setInterval(function(){

            // 判断停止条件

　　　　if(obj.offsetLeft >1000){
　　　　clearInterval(timer);
　　　　return;
　　　　}else{
　　　　　　//改变物体位置
　　　　　　obj.style.left = obj.offsetLeft +iSpeed+ 'px';
　　　　　　document.title=obj.offsetLeft;
　　　　　　}
　　　　},30)
　　}