以下代码定义了一个计时器,该计时器每10毫秒调用一次move()函数： var t = setInterval(move, 10); 然而,这使我们的盒子永远向右移动。要在长方体到达容器末端时停止动画,我们向move()函数添加一个简单的检查,并使用clearInterval()方法停止计时器。 function move() { if(pos >= 150) { clearInterval(t); } else { pos += 1; box.style.left = pos+"px"; }} 当长方体的 "left" 属性达到值150时,长方体将达到容器的末端(基于容器宽度200和长方体宽度50)。 最终代码： var pos = 0; //box元素var box = document.getElementById("box");var t = setInterval(move, 10);function move() { if(pos >= 150) { clearInterval(t); } else { pos += 1; box.style.left = pos+"px"; }} 恭喜,您刚刚创建了第一个JavaScript动画！