Счетчик даты с Divi Theme - PullRequest
       5

Счетчик даты с Divi Theme

0 голосов
/ 07 апреля 2020

Я хочу использовать модуль счетчика чисел Divi, чтобы показать, сколько дней прошло с одной даты. Я использую простой код, который я нашел в CodePen. Я думаю, что это нормально, но я не могу сделать так, чтобы он работал с Divi.

Это код html:

<div id="clockdiv" class="et_pb_module et_pb_number_counter et_pb_number_counter_1  et_pb_text_align_left 
et_pb_bg_layout_light et_pb_with_title active" data-number-value="" data-number-separator="">
<div class="percent"><p><span class="percent-value days"></span></p></div>
<h3 class="title">How many Days has passed?</h3>
<canvas height="0" width="0" style="height: 0px; width: 0px;"></canvas>

И это сценарий:

function getTimeRemaining(endtime) {
 var t = Date.parse(endtime) - Date.now();
 var days = Math.floor(t / (-1000 * 60 * 60 * 24));
 return {
  'total': t,
  'days': days
 };
}
function initializeClock(elem, endtime, onlydays) {
 var clock = document.getElementById(elem);
 if (onlydays) {
  var daysSpan = clock.querySelector('.days');
 } else {
  var daysSpan = clock.querySelector('.days');
 }
function updateClock() {
  var t = getTimeRemaining(endtime);

  if (onlydays) {
   daysSpan.innerHTML = t.days;
  } else {
   hoursSpan.innerHTML = ('0' + t.hours).slice(-2);
   minutesSpan.innerHTML = ('0' + t.minutes).slice(-2);
   secondsSpan.innerHTML = ('0' + t.seconds).slice(-2);
  }
  if (t.total <= 0) {
   clearInterval(timeinterval);
  }
 }
 updateClock();
 var timeinterval = setInterval(updateClock, 1000);
}
var deadline = new Date('06/19/2014 00:00 AM');
initializeClock('clockdiv', deadline, true);

Может быть, мне нужно что-то изменить в сценарии, чтобы заполнить значение числа данных первого div.

Надеюсь на ваша помощь 101

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...