Ir para conteúdo

POWERED BY:

Arquivado

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

alex.lana

setTimeout X animação em layers

Recommended Posts

Oi, gente!

 

Estou fazendo um script para animar layers usando o setTimeout, mas em computadores mais lentos ele não funciona nada bem.

 

Alguém conhece alguma outra opção para fazer animação com javascript? (não vale os timelines do dreamweaver, eles têm código demais e a página já está pesada...)

 

O código e algo parecido com isso:

<html> <script language="JavaScript"><!--var cont=0;function anima(){	while(cont<10){  cont=cont+1;  setTimeout("mover("+cont+")",cont*30);	}	}function mover(posicao){	document.all.Layer.style.left=posicao*20;}// --></script><body onLoad="anima()"><div id="Layer" style="position:absolute; left:27px; top:53px; width:91px; height:60px; z-index:1">anima</div></body></html>

O problema é que em computadores mais lentos não tá dando um efeito bom, o layer fica pulando, e não andando. Não adianta botar mais "posições por segundo", é como se o computador desse uma travadinha e depois tentasse recuperar o atraso, e algumas vezes nem anima até o final... e essa animação é pra vários layers...

 

Então, alguém conhece uma alternativa para substituir o setTimeout ou uma forma de utilizá-lo de um jeito mais eficiente?

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.