fazer contagem regressiva ou atualizar a div

[Michel Araujo]

Olá Pessoal! Estou com uma duvida de como posso fazer um sistema de contagem regressiva igual os das compras coletivas.

Tava fazendo algo assim:

<?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("2012-01-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;

echo "$dias dia(s) | $hora hora(s) | $minuto minuto(s) | $segundos segundo(s)";

?>

Mais não consegui nem um modo de fazer atualizar a div, todas as funções que tentei não deu certo.

Alguém conhece algua solução de fazer a contagem regressiva ou atualizar a div, que de para integra com o php.

[DiF]

us ao plugin jCountdown do jquery.

você passa a data no parametro da funçao.. ela recebe e conta.. e dispara um evento quando termina

[Michel Araujo]

Legal, consegui inserir o plugin, agora não sei como fazer a integração dos valores das variáveis do javascript com o php para que atualize o banco de dados com o valor da contagem.

[DiF]

o php nao atualiza, quem atualiza é o proprio javascript do plugin. faça assim:

crie uma funçao :

function cronometro(data){

//dentro você coloca o codigo do plugin

}

na sua pagina php.. você chama a funçao passando a data puxada do banco assim:

<script type="text/javascript">

cronometro("<?php echo $data ?>");

</script>

você pode colocar isso la no fim da pagina... abaixo da consulta no banco de dados resgatando a data assim você passa a data que vem do banco.. você nao precisa calcular a difewrença.. o plugin ja faz isso por você. basta você colocar a açao quando o cronometro zerar.

[Michel Araujo]

Fiz do jeito que o dif falo, porém não parece nada, ai no lugar do:

<script type="text/javascript">
cronometro("<?php echo $data ?>");
</script>
*

Fiz assim:

*

$(function(){
        $('#counter').countdown({
          image: 'imagens/digits.png',
          startTime:"<?php echo $data ?>",
        });
});
*

Funciono perfeito, puxando o valor do bando de dados, só tem um problema não esta atualizando o banco de dados, ai quando abro em outra pagina a contagem começa de novo. O que posso fazer pra atualizar o banco junto com a contagem.

Já agradeço pela atenção!

[DiF]

bom.. nao sei o jeito como você incorporou no seu site... mas o meu jeito funciona perfeitamente... pois meu TCC foi uma compra coletiva. e funciona.

só nao entendi o que você quis dizer com "atualizar o banco de dados" ?

[Michel Araujo]

He acho que estou pensando de forma errada, estava pensando em ir atualizando o valor do contador (campo data) por segundo no banco de dados, assim quando abrir em outra pagina o contador inicia o valor do banco de dados atualizado não iniciando a contagem do começo novamente, e o que esta acontecendo...

Tem um método de fazer isso ou estou pensando errado mesmo..

[DiF]

tens que pensar numa coisa, o tempo do contador, age sobre horario do sistema.

ou seja.. se tiver cadastrado no banco de dados uma data: 2012-01-18 17:25:00 como horário de termino...

o plugin tomara conta da diferença.. então se você abrir em outra pagina, vai contar a partir da hora do seu sistema e nao do "inicio"

você deve usar sempre a hora de termino e nao a hora do inicio.

é assim que ele calcula e conta. pela diferença do horario de término cadastrado em relação a hora atual em que esta visualizando.

lembrando que isso é pela hora do sistema. ou seja.. falando de estar rodando em um servidor que nao seja seu pc. pois como seu pc é o servidor local... se você alterar a hora no relogio surtirá efeito na contagem.

[Michel Araujo]

Consegui!

O problema estava no plugin ele contava aparti do valor que estava no banco, e não pelo relógio, mudei o plugin usei o mesmo conceito que o dif passou, e funciono de boa!!

Muito Obrigado!!!

[Mog.Lucas]

Caso o autor do tópico necessite, o mesmo será reaberto, para isso deverá entrar em contato com a moderação solicitando o desbloqueio.