缓冲运动怎样达到目标值？

Question

写了一个物体缓冲运动的demo，但是不能到达目标值，求解！

function move(idname, speed, target) {

            clearInterval(timer);

            var box = document.getElementById(idname);

            timer = setInterval(function(){

                var v = (target-box.offsetLeft)/speed;

                v = v > 0 ? Math.ceil(v):Math.floor(v);

                if (parseInt(box.style.left) == target) {

                    

                    clearInterval(timer);

                } else {

                    box.style.left = box.offsetLeft + v + 'px'; 

                }

            }, 30)

        }

box.onmouseover = function() {

                move('box', 20, 500);

            }

为什么是left值是633px？

Answer 1

你的判断条件有问题，并不是运动的结果每次都会恰好等于目标值，这之间会存在误差，可能会少，可能会多，当处于某个值之后会发生v在正负之间来回摆动的问题，所以判断的条件应该是v的绝对值与目标和实际误差绝对值的比较。另外建议变量名与实际相符。