Contagem regressiva php jquery

[Marcones Borges 3]

Boa noite, gostaria da ajuda dos amigos aqui para implementar um código para pegar a data do BD e ela regredir em um cantador.

 

o modelo que tenho aqui é este.

 

<script type="text/javascript" src="js/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>

  <div class="notice-bar">
    <div class="container">
      <div class="row">
        <div class="col-md-3 col-sm-6 col-xs-6 notice-bar-title"> <span class="notice-bar-title-icon hidden-xs"><i class="fa fa-calendar fa-3x"></i></span> <span class="title-note">Next</span> <strong>Upcoming Event</strong> </div>
        <div class="col-md-3 col-sm-6 col-xs-6 notice-bar-event-title">
            <h5><a href="single-event.html">Nome Evento - Local Evento</a></h5>
          <span class="meta-data">

 

Página PHP

<?php
// Define as datas
$data_atual = date('d-m-Y h:i:s');
$data_final = date('2019-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;

Preciso que ele exiba separada

Dias - horas - Minutos - Seg 

 

Conforme imagem em anexo, grato de já.

 

[Gabriel Heming 766]

Acredito que você possa utilizar o seguinte script:

https://www.hashemian.com/tools/javascript-countdown.htm

 

Como você não necessita de uma "precisão cirurgica", o script acima é mais que o suficiente.

[Marcones Borges 3]

Em 13/03/2018 at 08:25, Gabriel Heming disse:

Acredito que você possa utilizar o seguinte script:

https://www.hashemian.com/tools/javascript-countdown.htm

 

Como você não necessita de uma "precisão cirurgica", o script acima é mais que o suficiente.

Obrigado amigo, vou implementar...