Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Galera tudo beleza ? Estou desenvolvendo um programa e estou com uma dúvida básica, tenho um elemento e quero fazer ele ir "caindo na tela" por isso coloquei a fórmula e em seguida o setInterval , porém preciso que ele caia depois de 5 segundos, para isso tentei utilizar o setTimeout ambas na mesma function, porém nada acontece, segue o código :
function iniciaJogo(){
setTimeout(movimento,5000);
setInterval(movimento,20);
setTimeout(movimentosegundo,5000);
setInterval(movimentosegundo,20);
setTimeout(movimentoterceiro,5000);
setInterval(movimentoterceiro,20);
var c=document.getElementById("cnv01");
ctx=c.getContext("2d");
ctx.fillStyle = "#000000";
ctx.fillRect(0,0,1024,768);
desenhaElemento();
}
Função movimento, segundo e terceiro, estão feitas separadamente, com esse código o interval funciona e o timeout não.>
12 minutos atrás, Eziquiel disse:
setTimeout(function() {
//Seu código aqui
}, 5000);
* setTimeout(function movimento(){
ctx.fillStyle = "#000000";
ctx.fillRect(x2,y2,20,20);
y2=y2+10;
ctx.fillStyle = "#FFFFFF";
ctx.fillRect(x2,y2,20,20);
}, 5000);*
**Fiz isso e não funcionou, o código se quer abriu **Eu peço desculpas. Não li direito seu problema.
Vou lhe sugerir fazer uso da JQuery pra animar seus elementos.
Segue um exemplo de como aguardar 5 segundo e fazer um elemento cair num tempo de 2 segundos usando apenas 1 linha de comando.
$('.circle').delay(5000).animate({top: '400px'}, 2000);
Live Demo:
[http://codepen.io/Eziquiel/pen/EWNboe](http://codepen.io/Eziquiel/pen/EWNboe)Um exemplo de animação usando JQuery.