Paquete funciones de animación - movimiento uniforme

    <Botón> Haga clic en la animación se inicia </ el botón> 
    <div> </ div>

　　La atención debe dar div plus, de lo contrario no sería capaz de moverse hacia arriba

div { 
            position: relative; 
            top: 0; 
            la izquierda: 0; 
            anchura: 100px; 
            altura: 100px; 
            background-color: rosa; 
        }

　　Añadir animación a un elemento de movimiento uniforme, y la función de encapsulación

Animate función (obj, objetivo) { 
            // necesidad de despejar el temporizador, la velocidad se incrementa clic continua para evitar 
            la clearInterval (obj.timer) 
            obj.timer = setInterval (function () { 
                SI (obj.offsetLeft> = objetivo) { 
                    // cuando llegue a la zona de destino, es necesario borrar el temporizador 
                    clearInterval (obj.timer) 
                } else { 
                    // atención a la necesidad de añadir más declaraciones, escritura conducen directamente a incluso llegar a la posición de destino se moverá cuando se hace clic 
                    obj.style.left = obj.offsetLeft . + 1 + 'PX'; 
                } 
            }, 30) 
        } 
        var div = document.querySelector ( 'div'); 
        var = BTN document.querySelector ( 'Botón') 
            // añadir el evento a BTN, la función de la atención () {}, a continuación, agregar las llaves dentro de la función llamada, en lugar de una función de escritura directa
        btn.addEventListener ( 'clic', function () {
            Animada (div, 500) 
        })