Javascript 使用Jquery和自定义用户元字段在Wordpress中倒计时

Javascript 使用Jquery和自定义用户元字段在Wordpress中倒计时,javascript,php,jquery,wordpress,Javascript,Php,Jquery,Wordpress,我试图在Wordpress中创建一个事件(链接到用户)的倒计时 到目前为止,我已经通过手动输入事件日期,使用jquery创建了倒计时。 但是,我希望根据用户事件的时间动态使用此日期,即使用用户日期的自定义元字段。请帮助我如何通过调用自定义元字段来实现这一点 Jquery: // set the date we're counting down to var target_date = new Date("Aug 15, 2019").getTime(); // variables for t

我试图在Wordpress中创建一个事件(链接到用户)的倒计时

到目前为止,我已经通过手动输入事件日期,使用jquery创建了倒计时。

但是,我希望根据用户事件的时间动态使用此日期,即使用用户日期的自定义元字段。请帮助我如何通过调用自定义元字段来实现这一点

Jquery:

// set the date we're counting down to
var target_date = new Date("Aug 15, 2019").getTime();

// variables for time units
var days, hours, minutes, seconds;

// get tag element
var countdown = document.getElementById("countdown");

// update the tag with id "countdown" every 1 second
setInterval(function () {

// find the amount of "seconds" between now and target
var current_date = new Date().getTime();
var seconds_left = (target_date - current_date) / 1000;

// do some time calculations
days = parseInt(seconds_left / 86400);
seconds_left = seconds_left % 86400;

hours = parseInt(seconds_left / 3600);
seconds_left = seconds_left % 3600;

minutes = parseInt(seconds_left / 60);
seconds = parseInt(seconds_left % 60);

// format countdown string + set tag value
countdown.innerHTML = days + "d," + hours + "h," + minutes + "m," + seconds + "s";   

}, 1000);
HTML:


现在还不完全清楚您想做什么,但我想是这样的

如果您可以在脚本标记之间输出如下内容

Javascript:

countdownDate = 'Aug 15, 2019';
// set the date we're counting down to
var target_date = new Date(countdownDate).getTime();
在其他地方使用它,就像你已经做的那样

Javascript:

countdownDate = 'Aug 15, 2019';
// set the date we're counting down to
var target_date = new Date(countdownDate).getTime();

好吧,我设法弄明白了。因此,根据Javascript,如果我手动将日期添加到
var target_date=new date(“2019年8月15日”).getTime()中,倒计时就起作用了

然后,我需要收集每个用户的事件日期,并在此函数中替换它。为了获取存储在用户meta中的事件日期,我使用了以下代码:

然后,我在Javascript中添加了此函数以使倒计时生效:

var target_date = new Date( '<?php $user_id = get_current_user_id(); $key = 'Event Date';    $single = true; $user_last = get_user_meta( $user_id, $key, $single ); echo $user_last; ?>' ).getTime();
var target_date=新日期(“”).getTime();

谢谢,这正是我想要做的。我想为用户转换元字段中存储的日期,并将其用于Javascript函数。你知道我该怎么做吗?好吧,我已经设法做到了。在我的Javascript中,我替换了
var target_date=new date(“2019年8月15日”).getTime()带有
var target_date=新日期(“”).getTime()其中代码获取id为5的用户的事件日期。只是需要弄清楚我如何才能做到这一点,为当前用户只和用户id变量,而不是固定的“自定义元字段的日期”,请解释这一点。是用户元还是后元?看起来你有两个完全不同的问题,我们应该只问一个问题。其中一个已经由KoalBear回答了。您应该将此问题标记为已解决,并打开一个新的问题,详细说明如何在WordPress中包含脚本。