Ayuda con Cuenta regresiva y mostrar un div

[Darwin Mendoza]

Estuve rompiéndome la cabeza tratando de hallar un código que muestre una cuenta regresiva de X segundos y que cuando llegue a 0, se visualice un div. Este sería un ejemplo:

" El contenido se mostrará en [el contador] "
y luego de llegar a cero, salga el div haciendo un fade in

Si alguien pudiera decirme cómo hago esto, estaría muy agradecido. 😛8:😛8::fatigue:

 

[YeltsinReyes]

[MENTION=137563]iDerek[/MENTION] Esto talves te ayude! :encouragement:

<div id="contador"></div>
<div id="contenido" style="display: none;">Este es el contenido que se mostrara!</div>

<script>
var segundos = 5;
var progress = setInterval(function(){
segundos--;
if(segundos > 0){
$('#contador').text('El contenido se mostrará en '+segundos+' segundos!');
} else if(segundos == 0){
clearInterval(progress);
$('#contador').hide();
$('#contenido').fadeIn();
}
}, 1000);
</script>

 

[Darwin Mendoza]

[MENTION=137563]iDerek[/MENTION] Esto talves te ayude! :encouragement:

<div id="contador"></div>
<div id="contenido" style="display: none;">Este es el contenido que se mostrara!</div>

<script>
var segundos = 5;
var progress = setInterval(function(){
segundos--;
if(segundos > 0){
$('#contador').text('El contenido se mostrará en '+segundos+' segundos!');
} else if(segundos == 0){
clearInterval(progress);
$('#contador').hide();
$('#contenido').fadeIn();
}
}, 1000);
</script>

Genial amigo, lo pondré en este momento, mil gracias 😛8:😛8:😛8:

 

[Cruzitho]

genial por el script, me servira de mucho 😛anda: :encouragement::encouragement::encouragement::encouragement::encouragement::encouragement:

 

[pinchox]

Tambíen podrias hacerlo con un setTimeout y una funcion que decremente y se llame asi mimsa