如何集成動態倒數計數器，該計數器從WordPress中的自定義字段獲取日期值？

Question

我有一個音樂會活動頁面，其中包含音樂會的開始日期和時間。

我正在嘗試在頁面上放置一個倒數計數器，以動態顯示每個音樂會的開始日期/時間的倒數

平台： Wordpress，我正在拉一個名為“ start_date_time”的自定義字段

日期/時間格式： M y yhh：ss AM或PM

示例：2016年4月26日上午12: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>

注意：-這就是我認為應該解決的步驟，但我自己尚未嘗試解決。

希望這可以幫助

保重和快樂編碼