HTML - COMO HACER QUE APAREZCA UN DIV EN 10 SEGUNDOS

   
Vista:

COMO HACER QUE APAREZCA UN DIV EN 10 SEGUNDOS

Publicado por LUIS ANGEL (1 intervención) el 05/08/2015 21:43:08
HOLA COMO LE HAGO PARA HACER QUE UN DIV APAREZCA DESPUES DE UN CONTADOR DE 10 S
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder

COMO HACER QUE APAREZCA UN DIV EN 10 SEGUNDOS

Publicado por andyman (8 intervenciones) el 05/08/2015 23:26:12
con jquery
1
2
3
4
5
6
7
8
9
10
<style>
#este{
display:none;
}
</style>
<div id="este" ></div>
<script>
$(document).ready(function () {
		$("#este").fadeIn().delay(10000);
</script>
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
2
Comentar
Imágen de perfil de xve

COMO HACER QUE APAREZCA UN DIV EN 10 SEGUNDOS

Publicado por xve (1178 intervenciones) el 06/08/2015 10:46:49
Excelente!!!
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de Angel Komander

COMO HACER QUE APAREZCA UN DIV EN 10 SEGUNDOS

Publicado por Angel Komander (101 intervenciones) el 06/08/2015 16:19:13
ahi te dejo este amigo ;) tiene un contador de cuenta Regresiva también ;)

HTML:
1
2
<div id="este">Hola</div>
<span id="timer"></span>

CSS:
1
2
3
4
5
#este {
  background: #000;
  padding: 10px;
  color: #fff;
}

JS:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
$("#este").hide();
$("#este").delay(10000).show(600);
 
//Aqui empieza el Contador en SEG
var count=10;
var counter=setInterval(timer, 1000);
function timer()
{
  count=count-1;
  if (count <= 0)
  {
     clearInterval(counter);
     return;
  }
document.getElementById("timer").innerHTML=count + " secs";
}

DEMO:
http://codepen.io/AngelKrak/pen/JdxBZV
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar