如何整合一个动态倒数计数器，它可以从WordPress中的自定义字段获取日期值？

问题描述：

我有一个音乐会活动页面，里面有音乐会的开始日期和时间。如何整合一个动态倒数计数器，它可以从WordPress中的自定义字段获取日期值？

我试图把它动态地显示每个演唱会的开始日期倒计时页面上的倒计时计数器/时间

平台： WordPress的，我拉着称为“START_DATE_TIME”的自定义字段

日期/时间格式：中号d YY HH：SS AM或PM

实施例：2016年4月26日上午12点01

下面是简单的PHP代码我用来显示日期：

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

我的努力迄今没有取得成功，任何帮助或方向是极大的赞赏。

你有什么企图迄今？有很多方法可以解决这个问题，或许更适合您发布自己的内容以及遇到困难。 –

答

你可以使用一个倒计时器插件或如果你想有这样的手工，于是做了，我认为这是怎么可以这样做

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>

注： - 这是什么，我觉得应该是解决步骤，但我还没有尝试过自己的解决方案。

希望这有助于

保重，快乐编码

如何整合一个动态倒数计数器，它可以从WordPress中的自定义字段获取日期值？

相关推荐