verán, tengo una web que muestra en su pagina principal información relacionada a eventos (por ejemplo, conciertos, conferencias, etc) que yo oferto a los usuarios que visitan mi website. Estos datos los extraigo de la base de datos y muestro de forma perfecta y sin problemas pero sucede que uno de los datos que muestro es la fecha en que se realizara cada evento, lo hago de esta manera:
<?php
function dateTo($str, $t1, $t2 = false)
{
$t = $t1-($t2?$t2:time());
$p = array(
'{s}'=>1,
'{i}'=>60,
'{h}'=>60*60,
'{d}'=>60*60*24,
'{w}'=>60*60*24*7,
'{m}'=>60*60*24*30,
'{y}'=>60*60*24*365
);
preg_match_all("/\{[sihdwmy]\}/", $str, $ma);
$found = Array();
foreach ($ma[0] as &$m) {
$found[$m] = $p[$m];
}
arsort($found);
foreach ($found as $i => &$fo) {
$str = str_replace($i, (int) ($t/$fo), $str);
$t = $t % $fo;
}
return $str;
}
?>
<div class="card-evento">
<div class="evento_info" style="width: 100%;">
<p class="card-text evento_titulo"><?php echo $value->titulo_evento; ?></p>
<p class="card-text fecha_evento"> Inicia en:
<?php echo dateTo("{d} días, {h}:{i}:{s}", strtotime($value->fecha_evento)); ?></p>
</div>
</div>
Con ese código, se muestra el titulo del evento y el tiempo que falta para que se inicie dicho evento, de esta forma:
Conferencia Sobre Impacto del Calentamiento Global en America.
Inicia en: 31 dias, 23:45:6
Eso esta bien pero me gustaría saber cómo hago para que se muestre ese tiempo disminuyendo en tiempo real, cómo un temporizador, que se muestre como van pasando los segundos, los minutos, las horas, los días hasta llegar a 0 días 0 horas 0 minutos 0 segundos, y que cuando eso pase, muestre un mensaje de "Día del Evento"?
Alguna idea que puedan darme para hacerlo con Javascript/Jquery ?