代码及运行效果均可在 jsbin 中查看:
https://jsbin.com/lodubal/edit?html,css,js,output#J:L14

注：楼主贴的图是 png，不是 gif

1. 计算机中有精度限制, 不会 "万世不竭"
2. offsetLeft 是一个整数, https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/offsetLeft/>你把那一行改成 box.style.left = parseFloat(box.style.left || 0) + speed + "px";

consolelog(box.style.left);
150
225
262.5
281.5
291
295.5
298
299
299.5
300
300
300
...
停不下来

浮点数了解一下，条件判断了解一下。还有，计算机是 01 的世界，不是理论的世界，不要想当然