Saltar al contenido

Cómo hacer un bucle .animate JQuery

No olvides que en las ciencias un error casi siempre tiene varias resoluciones, pero nosotros enseñaremos lo más óptimo y mejor.

Solución:

Prueba esto:

JSFiddle http://jsfiddle.net/2YqH2/

No vas a mover las nubes hacia el lado derecho. Dentro de la función de bucle, agregué

$('#clouds').css(right:0);

y el bucle continuará desde allí. También cambié tu animación para animar la propiedad “right” ya que dijiste que querías que las nubes se movieran de derecha a izquierda.

Además, su javascript no estaba bien formado. ¡Asegúrese de obtener esos paréntesis y llaves de cierre! Aquí está el javascript fijo.

$(document).ready(function() 
    function loop() 
        $('#clouds').css(right:0);
        $('#clouds').animate (
            right: '+=1400',
        , 5000, 'linear', function() 
            loop();
        );
    
    loop();
);

Todas las respuestas anteriores son soluciones de “pirateo”.

De acuerdo con la documentación de jQuery para animate(), el segundo parámetro es un options objeto que tiene un parámetro complete; una función que se llama cuando se completa la animación.

En el caso de OP, este option El objeto se configuraría de la siguiente manera:

function loop() 
    $('#clouds').css(right:0);
    $('#clouds').animate(
        right: '+=1400',
    , 
        duration: 5000, 
        easing: 'linear', 
        complete: loop
    );

loop();

Reseñas y valoraciones del tutorial

Eres capaz de patrocinar nuestra ocupación escribiendo un comentario o dejando una valoración te damos las gracias.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *