Como faço para executar a função .animate em jQuery para sempre?
-
05-07-2019 - |
Pergunta
$(this).css("left","100px");
function endless(){
$(this).animate({
left:'-=100px',
},{
easing: "linear",
duration: 5000,
complete: function() {
$(this).css('left','100px');
endless();
}
});
};
endless();
Isto é o que eu tentei, mas usando esta abordagem não posso começar o material em movimento. Im' usando jQuery 1.3.2. Alguma sugestão?
Solução
Você tem os parâmetros para animar errado. Não é preciso ser um hash de opções, apenas as opções reais para aliviar, duração e uma chamada de retorno. Além disso, você precisa tomar cuidado ao usar this
. Melhor para passá-lo como um argumento para a função sem fim.
$(this).css("left","100px");
function endless(elem){
$(elem).animate(
{ left:'-=100px' },
"linear",
5000,
function() {
$(elem).css('left','100px');
endless(elem);
}
);
};
endless(this);
Outras dicas
Você vai precisar ligar sem fim () de dentro de um retorno de chamada.
function endless(item) {
$(item).animate({"left": "-=100px"}, 5000, "linear", function(){
$(item).css("left","100px");
endless(item);
});
}
endless($(".myBox"));
É necessário substituir $(this)
com o seletor de elemento que você deseja animar.
Great! este é exatamente o que eu procurava, mas agora,
i finalmente descobri como para alterná-la. com a seguinte função, chamada sem fim (0) para parar, e sem fim (1) para permitir loop de animação.
//loop animation forever
//args: takes 1 to loop, 0 to stop
function endless(loop)
{
//animate forever
if (loop==1)
{
$('#alink').animate(
{'opacity':'toggle'},
1000,
function () { endless(1) }
);
}
//stop animation
else
{
$('#alink').css('opacity',1).stop();
}
};
//sample call
$('#alink').toggle(function(){ endless(1) },function(){ endless(0) });
thanx para o código inicial!