Ayuda con Cuenta regresiva y mostrar un div

Darwin Mendoza

Eta

Diseñador

Verificado

Verificación en dos pasos activada

Verificado por Whatsapp

• 21 Jul 2015

• #1

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

Mi

Verificación en dos pasos activada

Verificado por Whatsapp

Verificado por Binance

¡Usuario popular!

• 21 Jul 2015

• #2

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

HTML:

<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>

 

Última edición: 21 Jul 2015

Darwin Mendoza

Eta

Diseñador

Verificado

Verificación en dos pasos activada

Verificado por Whatsapp

• 21 Jul 2015

• #3

YeltsinGraphs dijo:

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

HTML:

<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>

Hacer clic para expandir...

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

 

C

Cruzitho

Curioso

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 26 Jul 2015

• #4

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

 

P

pinchox

Alfa

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 25 Ago 2015

• #5

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