动画原理 核心原理：通过定时器setInterval()不断移动盒子位置 实现步骤： 1.获得当前盒子位置 2.让盒子在当前位置上加上移动距离 3.利用定时器不断重复这个操作 4.加一个结束定时器的条件 5.注意： 此元素需要添加定位，才能使用element.style.left
函数封装
<script> //简单动画函数封装obj目标对象 target目标位置 function animate(obj, target) { obj.timer = setInterval(function() { if (obj.offsetLeft > 400) { //停止动画，也就是停止定时器 clearInterval(obj.timer); } obj.style.left = obj.offsetLeft + 2 + 'px'; }, 30); } //举例： var div = document.querySelector('div'); //调用函数 animate(div, 300); </script>