Script contagem regressiva

**cxzxcczcx** · March 5, 2011

<?php
#Informamos as datas e horários de início e fim no formato Y-m-d H:i:s e os convertemos para o formato timestamp
$dia_hora_atual = strtotime(date("Y-m-d H:i:s"));
$dia_hora_evento = strtotime(date("2009-10-17 08:00:00"));

#Achamos a diferença entre as datas...
$diferenca = $dia_hora_evento - $dia_hora_atual;

#Fazemos a contagem...
$dias = intval($diferenca / 86400);
$marcador = $diferenca % 86400;
$hora = intval($marcador / 3600);
$marcador = $marcador % 3600;
$minuto = intval($marcador / 60);
$segundos = $marcador % 60;

#Exibimos o resultado
echo "$dias dia(s) $hora hora(s) $minuto minuto(s) $segundos segundo(s)";
?>

Créditos: htmlstaff

Até logo.

Edited March 5, 2011 by Asr

**HangLooseE** · March 5, 2011

Uma coisa bastante util , e funcional , Obrigado por compartilhar ...

Edit -

se eu editar esta linha :

$dia_hora_atual = strtotime(date("Y-m-d H:i:s"));

para ficar assim

$dia_hora_atual = strtotime(date("d-m-Y H:i:s"));

avera algum problema ?

Edited March 5, 2011 by HangLooseE

**ADM=TeMpLaRIoS** · March 5, 2011

Print ?

**cxzxcczcx** · March 5, 2011

HangLoose,funciona sim.

Resultado final:

Faltam 118 dia(s) 22 hora(s) 17 minuto(s) 39 segundo(s)

Edited March 5, 2011 by Asr

**ADM=TeMpLaRIoS** · March 5, 2011

Hum, vlws...

**Abɳorɱąly** · March 6, 2011

Uma duvida!

Como eu coloco o script para funcionar?

Se nao for incomodo por favor faça um Mini tutorial por Favor,Obrigado

**Igor Ferreira** · March 6, 2011

Uma duvida!

Como eu coloco o script para funcionar?

Se nao for incomodo por favor faça um Mini tutorial por Favor,Obrigado

implate na index do seu site dãaanw

**L2ViciO** · March 6, 2011

putz.. genial a aplicação do php aí!

sempre quis gerar um script de contagem regressiva... mas nunca pensei que pudesse ser feito apenas configurando variáveis =p

muito legal!

**cxzxcczcx** · March 7, 2011

Obrigado,pretendo sempre estar ajudando a todos.

**Amnesia** · March 7, 2011

Achei um melhor e que atualiza os segundos

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Contagem regressiva</title>
<script type="text/javascript">
var YY = 2011;
var MM = 03;
var DD = 14;
var HH = 07;
var MI = 30;
var SS = 00;

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>
</head>
<body onload="atualizaContador()">
<h3>Contagem regressiva em javascript</H3>
<p>Este exemplo exibe quando tempo falta para uma determinada data.</p>
<p>Altere os campos abaixo para que o contador regressivo se atualize automaticamente.</p>
<input onchange="DD=this.value" size="1" value="14" style="text-align:center" /> /
<input onchange="MM=this.value" size="1" value="03" style="text-align:center" /> /
<input onchange="YY=this.value" size="4" value="2011" style="text-align:center" /> às
<input onchange="HH=this.value" size="1" value="07" style="text-align:center" /> :
<input onchange="MI=this.value" size="1" value="30" style="text-align:center" /> :
<input onchange="SS=this.value" size="1" value="00" style="text-align:center" />
<br />
Faltam <span id="contador"></span>
</body>
</html>

Edited March 7, 2011 by Amnesia

**cxzxcczcx** · March 8, 2011

Coloque em um site o script,é lógico que os dois atualizam.

Quando eu monstrei a demonstração,so peguei do meu site.(CRTL C + CTR V do meu site ;.)

**Amnesia** · March 8, 2011

@Asr, erro seu.

o script seu não fica contando os segundos, somente com F5.

1° Script
2° Script

Edited March 8, 2011 by Amnesia

**cxzxcczcx** · March 15, 2011

Este script é assim mesmo.

Em breve,eu irei criar um meu,ai posto para vocês.

PS: O seu é em javascript,o meu pe em PHP '-'

Edited March 15, 2011 by Asr

**Henrique Pedra** · March 1, 2012

Como faço pra adicionar?

**cxzxcczcx** · March 1, 2012

implate na index do seu site dãaanw

Creio que isso responderia sua pergunta.

**sanwinchester** · March 17, 2012

@Asr, erro seu.

o script seu não fica contando os segundos, somente com F5.

concordo

Sign In

Script contagem regressiva

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Announcements

Recently Browsing

Posts

Important Information