Fazendo um contador regressivo com AJAX e PHP

Com o fim do mundo próximo, vou mostrar a vocês neste post como fazer um contador regressivo utilizando PHP e AJAX. Para que o contador fique dinâmico, vamos usar a biblioteca jQuery para fazer a requisição AJAX.

Vamos aos códigos:

index.html

<!doctype html>
<html>
<head>
<title>Contador em PHP</title>
<script type=”text/javascript” src=”jquery.js”></script>
<script type=”text/javascript”>
$(document).ready(function(){

// Requisicao AJAX
var requisicao = function(){
$.ajax({
url: “contador.php”
}).done(function(resultado){
// Exibe o resultado no elemento com ID contador
$(“#contador”).html(resultado);
});
};

// Executa a requisicao com intervalo de 100ms
setInterval(requisicao, 100);

});

</script>
</head>
<body>
<p>Faltam <span id=”contador”></span> segundos para o fim do mundo!</p>
</body>
</html>

No código acima apenas fizemos uma requisição AJAX para a página contador.php, que contém o resultado do nosso contador.

contador.php

<?php

// Define as datas
$data_atual = date(‘d-m-Y h:i:s’);
$data_final = date(‘2012-12-21’);

// Converte as datas para a hora UNIX e realiza o calculo da diferenca
$diferenca = strtotime($data_final) – strtotime($data_atual);

// Exibe o resultado se ele for positivo. Caso seja negativo, exibe 0.
echo ($diferenca >= 0) ? $diferenca : 0;

?>

No código acima, convertemos as duas datas para a hora UNIX, realizamos o cálculo da diferença entre elas e por fim exibimos o resultado.

Você pode baixar os códigos deste post AQUI.

Até a próxima 😉

11 pensou em “Fazendo um contador regressivo com AJAX e PHP

  1. Wilian

    Muito bom o Código amigo, me ajudou bastante, eu estava cometendo um erro básico que dá até vergonha de comentar, mas quando estamos cansados acontece, eu acho. Muito obrigado por compartilhar, fico grato.

    Responder
  2. Luiz Felipe

    Ótimo POST, fiz umas alterações para o meu caso, dividi os segundos em dias, horas e minutos. Muito Obrigado!

    = 0) ? $diferenca : 0;
    ?>

    Responder
    1. angelito Autor do post

      Você pode verificar o valor da variável $diferenca no arquivo contador.php. Quando o valor dela for 0, execute a função desejada.

      Responder

Deixe um comentário

O seu endereço de e-mail não será publicado.

Esse site utiliza o Akismet para reduzir spam. Aprenda como seus dados de comentários são processados.