Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

guidezin

[Resolvido] Como eu faço para repetir esse animate?

Recommended Posts

Boa noite a todos.

Gostaria de saber como eu posso repetir essa ação em jQuery (para que a animação fique se repetindo).

 

$(document).ready(function() {
 $("#nuvens").animate({"left": "+=800px"}, 30000);
 $("#nuvens").animate({"left": "-=800px"}, 30000);
});

 

grato desde já.

 

Abraços!

Compartilhar este post


Link para o post
Compartilhar em outros sites

veja sobre window.setInterval()

Compartilhar este post


Link para o post
Compartilhar em outros sites

eu já tentei utilizar, porém não encontrei uma forma que funcionasse ..

não sei se não estou 'encaixando' o código errado.. mas é que estou aprendendo jQuery e não

encontrei a forma correta.. veja como coloquei

 

$(document).ready(window.setTimeout(function() {

 $("#nuvens").animate({"left": "+=800px"}, 30000);
 $("#nuvens").animate({"left": "-=800px"}, 30000); 
}),1000);

 

o código funciona, porém ele continua sem repetir..

 

opa, já consegui, ficou dessa maneira :)

 

function ir () {
$("#nuvens").animate({"left": "+=800px"}, 30000,voltar);
}

function voltar () {
 $("#nuvens").animate({"left": "-=800px"}, 30000, ir); 
}
$(document).ready(function() {
 ir();
 return false;	
});

Compartilhar este post


Link para o post
Compartilhar em outros sites

$(document).ready(function() {

        var nuvemAnimada = function(){
                 $("#nuvens").animate({"left": "+=800px"}, 30000);
                 $("#nuvens").animate({"left": "-=800px"}, 30000);
                 nuvemAnimada();
        }
        nuvemAnimada();
});

 

Não sou muito conhecedor de Js, mas assim, sintaxe Jquery, ele executa a função e fica executando infinitamente. Não sei se é boa prática ou se pode ocorrer problema, mas não achei outro método eficiente.

Até o presente momento eu uso assim

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.