Обратный отсчет

InstantCMS 2.X
#1 11 марта 2021 в 10:43
Здравствуйте! Подскажите стоимость реализации задумки.
Вывод поля обратного отсчета от даты конца публикации записи
#2 11 марта 2021 в 11:01
Можно сделать чтобы выводило "Дата окончания публикации" в списке записей Пользователя, в Планировщике есть уведомление "об окончании публикации".
#3 11 марта 2021 в 14:41

Вывод поля обратного отсчета от даты конца публикации записи

Remi
Можно сделать канибуть так:
  1.  
  2. $sec = strtotime($item['date_approved']) - time();
  3.  
  1.  
  2. function getTimeRemaining(endtime) {
  3. var t = Date.parse(endtime) - Date.parse(new Date());
  4. var seconds = Math.floor((t / 1000) % 60);
  5. var minutes = Math.floor((t / 1000 / 60) % 60);
  6. var hours = Math.floor((t / (1000 * 60 * 60)) % 24);
  7. var days = Math.floor(t / (1000 * 60 * 60 * 24));
  8. return {
  9. 'total': t,
  10. 'days': days,
  11. 'hours': hours,
  12. 'minutes': minutes,
  13. 'seconds': seconds
  14. };
  15. }
  16.  
  17. function initializeClock(id, endtime) {
  18. var clock = document.getElementById(id);
  19. var daysSpan = clock.querySelector('.days');
  20. var hoursSpan = clock.querySelector('.hours');
  21. var minutesSpan = clock.querySelector('.minutes');
  22. var secondsSpan = clock.querySelector('.seconds');
  23.  
  24. function updateClock() {
  25. var t = getTimeRemaining(endtime);
  26.  
  27. daysSpan.innerHTML = t.days;
  28. hoursSpan.innerHTML = ('0' + t.hours).slice(-2);
  29. minutesSpan.innerHTML = ('0' + t.minutes).slice(-2);
  30. secondsSpan.innerHTML = ('0' + t.seconds).slice(-2);
  31.  
  32. if (t.total <= 0) {
  33. document.getElementById("countdown").className = "d-none";
  34. document.getElementById("deadline-message").className = "d-block";
  35. clearInterval(timeinterval);
  36. }
  37. }
  38.  
  39. updateClock();
  40. var timeinterval = setInterval(updateClock, 1000);
  41. setInterval(progress, 1000 );
  42. }
  43. var deadline = new Date(Date.parse(new Date()) +<?php echo $sec ; ?> *1000 );
  44.  
  45. initializeClock('countdown', deadline);
  46.  
  1. <div id="countdown" class="countdown">
  2. <div class="countdown-number"><span class="days countdown-time"></span></div>
  3. <div class="countdown-number"><span class="hours countdown-time"></span>:</div>
  4. <div class="countdown-number"><span class="minutes countdown-time"></span>:</div>
  5. <div class="countdown-number"><span class="seconds countdown-time"></span></div>
  6. </div>
#4 11 марта 2021 в 16:19
Для примера код вставил в файлик default_item.tpl.php
выводит то что в html, пару двоеточие
если вывести переменную echo $sec; то отображает так -3444664,
Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.

Похожие темы

Поле "Обратный отсчет"

Разработка и тестирование Создана 9 месяцев назад 6 сообщений

Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.