Блог

Я пытаюсь создать таймер обратного отсчета, где значение, от которого он отсчитывается, заполняется из расширенного средства выбора даты и времени пользовательского поля. В идеале я хотел бы использовать http://countdownjs.org / или аналогично для включения таймера.

Я могу просто вывести значение даты времени в шаблоне страницы, вызвав поле ACF следующим образом.

 <p>Event starts: <?php the_field('featured_event_date','options'); ?></p>  

Однако, чтобы использовать обратный отсчет JS / jQuery, мне нужно иметь возможность использовать значение из ACF внутри JS, а не PHP? Правильно ли это звучит как методология на данный момент? Что-то вроде примера ниже.

 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!')
  }
})  

Это выводит мои знания за пределы зоны комфорта, поэтому я был бы очень признателен за советы, опыт или примеры, или это поможет мне на моем пути. Заранее спасибо!