js运动效果为什么并没有动起来？

Question

<div id="box"></div>
    <script type="text/javascript">
        var oBox=document.getElementById("box");
        
        goudan(oBox,"left",500,10);
        function goudan(obj, attr, taregt,speed){
            var starVal=parseInt(getStyle(obj,attr));
            var timer=setInterval(function(){
                setInterval +=speed;
                if(setInterval>=taregt){
                starVal=taregt
                clearInterval(timer);
                }
                obj.style[attr]=starVal+"px";
            },13);

            function getStyle(obj,attr){
            return obj.currentStyle?obj.currentStyle[attr]:getComputedStyle(obj)[attr];}
        };
    </script>

Answer 1

两个变量名称写错..var timer=setInterval(function(){                 setInterval +=speed;  //这里是starVal+=speed;                 if(setInterval>=taregt){  //这里是starVal>=taregt;                 starVal=taregt                 clearInterval(timer);                 }

Answer 2

你的方法写的太乱了，逻辑交叉不清，好好理下思路再写吧