如下图，点击向右，方块向右移动，点击向左，方块向左移动。

可以用setInterval来实现过多长时间，div移动多长的距离来实现运动效果。

 

要点一：如果元素的左边距离小于目标距离，则是正向移动，否则是负向移动

if(run.offsetLeft <target){

speed = 2;

}else{

speed = -2;

}

要点二：如果元素的左边距离等于目标距离，停止定时器，否则，元素的左边距离等于现在的左边距离加上速度值。

if(run.offsetLeft ==target){

clearInterval(timer);

}

else{

run.style.left = run.offsetLeft +speed +"px";

}

 

上代码