Ir para conteúdo

POWERED BY:

Arquivado

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

joaohenrique010

Problema com reload

Por , em Javascript

Recommended Posts

joaohenrique010    0

joaohenrique010
Postado

Olá! Estou tendo um problema em relação ao carregamento de uma função;
Este é o código:

<body onload="<?php if (isset($_COOKIE['language'])) { echo "showhp()"; } else { }?>"><script type="text/javascript">
function showhp() {
    document.getElementById("homediv").style.opacity = "1";
    document.getElementById("lang-wrapper").style.opacity = "0";


}
</script></body>

Caso exista o cookie 'language' ele chama a função "showhp", que é para fazer uma div aparecer e outra sumir.
O problema é que logo que a página carrega isso acontece, e eu queria que tivesse um atraso. Tipo assim: o onload só seria executado após 2 segundos do carregamento da página. Como faço isso?

 

*Já tentei fazer transition-delay no css e não deu certo.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Electronic    124

Electronic
Postado

Use setTimeout

chame ele quando carregar a pagina, e ele depois de um tempo informado executa uma ação que vc quer

ex.

function delay() {
   timeoutID = window.setTimeout(showhp, 2000);
}

2000 é o tempo em milissegundos, então são 2 segs

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

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

  Aceito