Как интегрировать счетчик динамического отсчета, который получает значение даты из настраиваемого поля в WordPress?

Question

У меня есть страница концертного мероприятия, на которой есть дата и время начала концерта.

Я пытаюсь разместить на странице счетчик обратного отсчета, который динамически отображает обратный отсчет для даты / времени начала каждого концерта.

Платформа: Wordpress, и я вытягиваю настраиваемое поле с именем 'start_date_time'

Формат даты / времени: Мдгг чч: сс AM или PM

Пример: 26 апреля 2016 г. 0:01

Вот простой код php, который я использую для отображения даты:

<?php 
$eventstart = get_post_meta($post->ID, 'start_date_time', true); 
    echo $eventstart; 
?>

Мои попытки пока не увенчались успехом, любая помощь или направление очень ценятся.

Answer 1

Вы можете использовать плагин таймера обратного отсчета или если вы хотите сделать это вручную, то я думаю, что это то, как это может быть сделано

1) вы можете захватить данные настраиваемого поля, затем вы можете вычесть текущее время из даты события, преобразовав их в секунды

$date1 = new DateTime("2016-12-08 16:12:12");
$now = new DateTime();

$difference_in_seconds = $date1->format('U') - $now->format('U');

3) если у вас есть разница, вы можете преобразовать ее обратно в формат даты и времени

$createdate = date('H:i:s',$numberofsecs);

4) вы можете использовать Javascript setInterval(), чтобы этот таймер работал с заданными интервалами

что-то вроде приведенного ниже фрагмента

<p>A script on this page starts this clock:</p>
<p id="demo"></p>

<script>
var myVar = setInterval(function(){ myTimer() }, 1000);

function myTimer() {
    var d = new Date();
    var t = d.toLocaleTimeString();
    document.getElementById("demo").innerHTML = t;
}
</script>

ПРИМЕЧАНИЕ:- это то, что я считаю необходимыми шагами для решения, но я не пробовал решение самостоятельно.

Надеюсь это поможет

Береги себя и удачного кодирования