Ir para conteúdo
  • 0
BrunoHSL

Fazer uma function ser executada após 5 segundos

Pergunta

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.

Compartilhar este post


Link para o post
Compartilhar em outros sites

4 respostas a esta questão

Recommended Posts

  • 0
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 

Compartilhar este post


Link para o post
Compartilhar em outros sites
  • 0

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

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar Agora

  • Conteúdo Similar

    • Por Kelven
      Galera to enfrentando um problema, no meu tumblr to querendo colocar o popup de newsletter do Mailchimp, até ai tudo bem, é pra funcionar que nem no script abaixo, porém esse script só funciona se eu excluir aquela parte que está marcada, porém se eu excluir ela o tema do tumblr não funciona como deveria em celulares. Alguém sabe me dizer que tipo de conflito é esse e como posso resolver???
      <script type='text/javascript' src='http://space.fitterbiz.com/wp-includes/js/wp-embed.min.js?ver=4.9.10'></script> <script type="text/javascript" src="//downloads.mailchimp.com/js/signup-forms/popup/embed.js" data-dojo-config="usePlainJson: true, isDebug: false"></script> <script> function showMailingPopUp() { require( ["mojo/signup-forms/Loader"], function(L) { L.start({"baseUrl":"mc.us14.list-manage.com","uuid":"7f359a9e538573b27c9e39820","lid":"e64535f817"}) } ); document.cookie = 'MCPopupClosed=;path=/;expires=Thu, 01 Jan 1970 00:00:00 UTC;'; document.cookie = 'MCPopupSubscribed=;path=/;expires=Thu, 01 Jan 1970 00:00:00 UTC;'; } document.getElementById("open-popup").onclick = function() {showMailingPopUp()}; </script> <a onclick="showMailingPopUp(); return false;" id="open-popup" style="cursor:pointer">Subscribe!</a> <!-- quando coloco isso não funciona --> <script src="https://static.tumblr.com/xlsgtjb/mt5o305mz/scripts.min.js" charset="UTF-8"></script> <!-- quando coloco isso não funciona -->
    • Por Kelven
      Olá pessoal tudo bem?
       
      Então eu quero colocar um formulário de newsletter em um servidor q não tem suporte para php, o negócio é q depois que a pessoa clica em se cadastrar eu quero que ela seja redirecionada para outro site, então gostaria de saber como posso estar fazendo isso usando apenas javascript, jquery ou ajax com o API do Mailchimp? Porque já procurei muito e não achei, só achei em php.
    • Por reginaldo123
      estou com dificuldade em criar uma url pernalizada exemplo
       
      href="www.bolacha,.com/novabolacha"
      value= "www.bolacha.com"
       
      quando o usuario copia a url para colocar em outra pagina quero que apareça o conteudo de value, e seja direcionado para o href.
       
    • Por JGD
      Supondo que tenho um input name = dataHoraINI...
      Este input tem o  valor/value =  21/03/2019 09:00 
      Chamo a função abaixo pelo <button...:
       
      <button class="btn btn-primary" onclick="popdataJGD('dataHoraINI','pop1',document.getElementById('dataHoraINI').value)"> <i class="glyphicon glyphicon-calendar"></i> </button>  
      São 03 parâmetros: popdataJGD(objeto, div, value).. Sendo o 3º: data + hora.
       
      Observar que passo para a função o 3º parâmentro assim: document.getElementById('dataHoraINI').value
      Como poderia passar este 3º paramentro como string e inline a data e hora ???
       
      Qual diferença entre: 
      document.getElementById('dataHoraINI').value E
      this.value E/Ou ainda.
      var data_hora = "21/03/2019 09:00" Neste caso : popdataJGD(objeto, div, data_hora)... Observar no code acima a questão das aspas simples.
       
      Agradeço qualquer ajuda conceitual
       
    • Por Caio_Lourençon
      Olá estou desenvolvendo um projeto utilizando a extensão MySQLi, e nisso aproveitando para utilizar algumas funções orientada a objeto! Gostaria de tirar umas dúvidas em relação a listagem de dados, são duas perguntas:   1) Utilizar a função foreach() ao invés de um while() com a função fetch_array() dentro, tem uma listagem mais rápida ou mais lenta? Pois com ambas consigo trazer os dados, No momento estou utilizando a foreach por ser mais rápida de se digitar.
      2) Utilizo muitas listagens de tabelas diferentes na mesma página sempre chamando um novo SELECT, seria melhor criar uma função com um SELECT dentro para eu sempre reutiliza-lá ou não iria mudar muita coisa em questão de desempenho?
       
      Agradeço qualquer informação.
×

Informação importante

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