JavaScript基础学习 动画原理

    
    
    
    Document

    
        div{
            position: absolute;
            width: 100px;
            height: 100px;
            background-color: pink;
            left: 0;
        }
    


    

    
        var div =document.querySelector('div');

        function move(obj,target){
            var timer=setInterval(function(){
             if(obj.offsetLeft>target){
                clearInterval(timer);
            }else{
                obj.style.left=obj.offsetLeft+5+'px';
            } 
            },30)   
        }
       move(div,300)