Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Tenho esse scripit que faz uma contagem regressiva
Como faço para a div aparecer depois da contagem?
<script language="Javascript">
var YY = 2018;
var MM = 04;
var DD = 12;
var HH = 12;
var MI = 36;
var SS = 59;
function atualizaContador()var hoje = new Date();
var futuro = new Date(YY,MM-1,DD,HH,MI,SS);
var ss = parseInt((futuro - hoje) / 1000);
var mm = parseInt(ss / 60);
var hh = parseInt(mm / 60);
var dd = parseInt(hh / 24);
ss = ss - (mm * 60);
mm = mm - (hh * 60);
hh = hh - (dd * 24);
var faltam = '';
faltam += (dd && dd > 1) ? dd+' dias, ' : (dd==1 ? '1 dia, ' : '');
faltam += (toString(hh).length) ? hh+' hr, ' : '';
faltam += (toString(mm).length) ? mm+' min e ' : '';
faltam += ss+' seg';
if (dd+hh+mm+ss > 0)
{
document.getElementById('contador').innerHTML = faltam;
setTimeout(atualizaContador,1000);
}
else
{
document.getElementById('contador').innerHTML = 'CHEGOU!!!!';
setTimeout(atualizaContador,1000);
}
}
</script>
<body onLoad="atualizaContador()">
<span></span></body>
<div id="contador"> <?php echo "VISUALIZAR"; ?> </div>>
16 minutos atrás, JulinhoooO disse:
<script language="Javascript">
document.getElementById('contador').style.display = 'none';
var YY = 2018;
var MM = 04;
var DD = 12;
var HH = 12;
var MI = 36;
var SS = 59;
function atualizaContador()var hoje = new Date();
var futuro = new Date(YY,MM-1,DD,HH,MI,SS);
var ss = parseInt((futuro - hoje) / 1000);
var mm = parseInt(ss / 60);
var hh = parseInt(mm / 60);
var dd = parseInt(hh / 24);
ss = ss - (mm * 60);
mm = mm - (hh * 60);
hh = hh - (dd * 24);
if (dd+hh+mm+ss == 0)
{
document.getElementById('contador').innerHTML = 'CHEGOU!!!!';
setTimeout(atualizaContador,1000);
document.getElementById('contador').style.display = 'block';
}
}
</script>
<body onLoad="atualizaContador()">
<span></span></body>
<div id="contador"> <?php echo "VISUALIZAR"; ?> </div>
Dessa maneira a div só será mostrado quando o contador acabar
Nao deu certo, pois se voce mudar a data o contador não aparece>
34 minutos atrás, Alanartes disse:
Nao deu certo, pois se voce mudar a data o contador não aparece
O código da página tem que estar sempre acima do script no código, caso contrário o script não encontra o elemento que ele quer alterar, por isso acabou não funcionando
Spoiler
<body onLoad="atualizaContador()">
<span></span>
<div id="contador"></div>
<div id="conteudo">Conteúdo da página aqui!!!!</div>
<script language="Javascript">document.getElementById('conteudo').style.display = 'none';//esconde a div #conteudo
var YY = 2018;
var MM = 04;
var DD = 12;
var HH = 15;
var MI = 54;
var SS = 30;
function atualizaContador()var hoje = new Date();
var futuro = new Date(YY,MM-1,DD,HH,MI,SS);
var ss = parseInt((futuro - hoje) / 1000);
var mm = parseInt(ss / 60);
var hh = parseInt(mm / 60);
var dd = parseInt(hh / 24);
ss = ss - (mm * 60);
mm = mm - (hh * 60);
hh = hh - (dd * 24);
if (dd+hh+mm+ss > 0)
{
document.getElementById('contador').innerHTML = hh+':'+mm+':'+ss;
var contador = setTimeout(atualizaContador,1000);
document.getElementById('contador').style.display = 'block';
}
else if (dd+hh+mm+ss == 0)
{
document.getElementById('conteudo').style.display = 'block';//mostra a div #chegou
document.getElementById('contador').style.display = 'none';//esconde a div #contador
clearTimeout(contador);
}
}
</script>
</body>
Desse modo aqui funciona perfeitamente. Quando zerar o contador ele mostra o conteúdo da páginaResolvido!
<script language="Javascript">
var YY = 2018;
var MM = 04;
var DD = 12;
var HH = 15;
var MI = 44;
var SS = 59;
function atualizaContador()var hoje = new Date();
var futuro = new Date(YY,MM-1,DD,HH,MI,SS);
var ss = parseInt((futuro - hoje) / 1000);
var mm = parseInt(ss / 60);
var hh = parseInt(mm / 60);
var dd = parseInt(hh / 24);
ss = ss - (mm * 60);
mm = mm - (hh * 60);
hh = hh - (dd * 24);
var faltam = '';
faltam += (dd && dd > 1) ? dd+' dias, ' : (dd==1 ? '1 dia, ' : '');
faltam += (toString(hh).length) ? hh+' hr, ' : '';
faltam += (toString(mm).length) ? mm+' min e ' : '';
faltam += ss+' seg';
if (dd+hh+mm+ss > 0)
{
document.getElementById('contador').innerHTML = faltam;
setTimeout(atualizaContador,1000);
document.getElementById("dvConteudo").style.display = "none";
}
else
{
document.getElementById('contador').innerHTML = 'CHEGOU!!!!';
setTimeout(atualizaContador,1000);
document.getElementById("dvConteudo").style.display = "block";
}
}
</script>
<body onLoad="atualizaContador()">
<span id="contador"></span></body>
<div id="dvConteudo"> <?php echo "VISUALIZAR"; ?> </div>