V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
推荐关注
Meteor
JSLint - a JavaScript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
JavaScript 权威指南第 5 版
Closure: The Definitive Guide
manyfreebug
V2EX  ›  JavaScript

下面这个用 JavaScript 实现的缓冲运动,永远都无法到达目标点吗?

  •  
  •   manyfreebug · 2019-05-05 21:42:31 +08:00 · 2890 次点击
    这是一个创建于 1789 天前的主题,其中的信息可能已经有所发展或是发生改变。
    代码及运行效果均可在 jsbin 中查看:
    https://jsbin.com/lodubal/edit?html,css,js,output#J:L14
    

    28a578.md.png

    4 条回复    2019-05-06 23:58:33 +08:00
    CEBBCAT
        1
    CEBBCAT  
       2019-05-05 22:14:04 +08:00
    注:楼主贴的图是 png,不是 gif
    zhyl
        2
    zhyl  
       2019-05-06 09:46:17 +08:00
    1. 计算机中有精度限制, 不会 "万世不竭"

    2. offsetLeft 是一个整数, https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/offsetLeft#Syntax
    你把那一行改成 box.style.left = parseFloat(box.style.left || 0) + speed + "px";
    xy7821665
        3
    xy7821665  
       2019-05-06 10:56:29 +08:00
    consolelog(box.style.left);

    150
    225
    262.5
    281.5
    291
    295.5
    298
    299
    299.5
    300
    300
    300
    ...
    停不下来
    civet
        4
    civet  
       2019-05-06 23:58:33 +08:00 via iPhone
    浮点数了解一下,条件判断了解一下。还有,计算机是 01 的世界,不是理论的世界,不要想当然
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   1774 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 16:34 · PVG 00:34 · LAX 09:34 · JFK 12:34
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.