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
sin imagen de perfil

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
Val: 1.144
Oro
Ha mantenido su posición en HTML (en relación al último mes)
Gráfica de HTML

COMO HACER QUE APAREZCA UN DIV EN 10 SEGUNDOS

Publicado por xve (1543 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