Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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?
Carregando comentários...