Retardar aparecimento de uma imagem ou botão

dariothiago · Agosto 1, 2014

Olá pessoal,

Contando que meu conhecimento é zero em Scrips, peço a ajuda de vocês. Eu gostaria de saber, se existe algum script que retarde o aparecimento de uma imagem ou botão em um site, por exemplo:

Quando o site é totalmente carregado pelo visitante, eu quero que uma imagem apareça após 10 segundos. Ou se aprofundando um pouco mais, a página carregada contenha um vídeo, e a imagem apareça após 20 segundos que o vídeo estiver rolando, e se pausa-lo, o aparecimento é pausado também.

Não sei se é algo simples ou não, mas peço essa ajuda.

Obrigado a todos!

:)

Martyns · Agosto 1, 2014

Vou te ajudar na primeira parte, mas na segunda eu não sei. Ao fazer com que ao carregar uma página algo apareca após x segundos, use:

<script type="text/javascript">
setTimeout(function(){ document.getElementById("aparecer").style.display="inline"; } , 20000);
</script>

note que o objeto com a ID "aparecer" - getElementById(id) - terá o CSS "display" alterado para "inline", ao invés de "none" | e o 20000 indica que vai aparecer depois de 20 segs ( 20000 milisegundos ).

no final, fica assim:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8">
<title>Página</title>
<script>
function charg() {
setTimeout(function() { document.getElementById("aparecer").style.display = "inline"; } ,20000);
}
</script>
</head>
<body onLoad="charg()">
<div id="aparecer" style="display:none;"> Fazem 20 segundos (ou 20000 ms) que a página foi carregada! </div>
</body>
</html>

// Eu testei, e aqui funcionou !!

Entrar

Retardar aparecimento de uma imagem ou botão

Pergunta

dariothiago

Link para o comentário

Compartilhar em outros sites

1 resposta a esta questão

Posts Recomendados

Martyns

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades