Ajuda com contagem regressiva e mostrar um div

Darwin Mendoza · 21/07/2015

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 · 21/07/2015

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

Darwin Mendoza · 21/07/2015

YeltsinGraphs disse:

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

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

Cruzitho · 26/07/2015

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

pinchox · 25/08/2015

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

Ajuda com contagem regressiva e mostrar um div

Darwin Mendoza

YeltsinReyes

Darwin Mendoza

Cruzitho

pinchox

Tópicos similares