我正在尝试实现一个倒数计时器,该计时器的倒数是从“高级自定义字段”日期时间选择器中填充的。理想情况下,我想使用http://countdownjs.org/或类似的功能为计时器供电。
我可以像这样在ACF字段中简单地在页面模板上输出时间日期值。
<p>Event starts: <?php the_field('featured_event_date','options'); ?></p>
但是,为了使用JS / jQuery倒计时,我需要能够使用JS(而不是PHP)中的ACF进行赋值?到目前为止,这听起来是否正确?类似于下面的示例。
var countdown = new Countdown({
selector: '#timer',
msgBefore: 'Will start at Christmas!',
msgAfter: 'Happy new year folks!',
msgPattern:
'{days} days, {hours} hours and {minutes} minutes before new year!',
dateStart: new Date('2013/12/25 12:00'),
dateEnd: new Date('Jan 1, 2014 12:00'),
onStart: function() {
console.log('Merry Christmas!')
},
onEnd: function() {
console.log('Happy New Year!')
}
})
这使我的知识超出了舒适范围,因此,建议,经验或示例将不胜感激,并在我的旅途中对我有所帮助。提前致谢!