Динамічні дані в LGT

 

RU

 

UA

US

RU

 

 

Для того, щоб реалізувати динамічну заміну даних на Ваших ЛГТ, скористайтесь скриптами, які представлені нижче

Є 3 види скриптів, які виконують різні дії:

  1. підставляє сьогоднішню дату. Відео, про роботу та налаштування скрипта номер 1-https://youtu.be/NpOGP8ealjk 

  2. відраховує скільки днів залишилося до вебінару та виводить текстом “сьогодні/завтра/3 дні/4 дні/5 днів тощо”. Пояснення щодо роботи скрипта номер 2 - https://youtu.be/d3OkWHDdCIw

  3. Таймер, який відображається у форматі “HH:MM:SS” або “DD:HH:MM:SS“. Після закінчення таймера редиректит на вказане посилання.Стійкий до оновлення сторінки та відкриття у сусідній вкладці. Відео, що пояснює роботу та налаштування даного сркіпту: https://youtu.be/0tQX-WWxVHA

ЗВЕРНІТЬ УВАГУ! Для розміщення скрипта, потрібно в ЛГТ вибрати "джерело", додати скрипт, знову натиснути "джерело" і лише потім зберігати ЛГТ. У відео, яке Ви можете знайти під скриптом, показано як це зробити.

  1. підставляє сьогоднішню дату

Веб будет сегодня - <span id="today">today</span> <script> var today = document.getElementById('today'); var webDate = new Date(); var month = webDate.getMonth()+1; var day = webDate.getDate(); today.innerText = (day < 10 ?'0'+day : day)+'.'+ (month<10 ?"0"+month : month); </script>

 

<span id="today">today</span> - треба прописати в місці тексту на ЛГТ, де ти хочеш, щоб була сьогоднішня дата



  1. відраховує скільки днів залишилося до вебінару

<span id="day_before_web">через 110 дней</span>   <script> var one_day = 1000 * 60 * 60 * 24; var presentDate = new Date(new Date().setHours(0, 0,0,0)) var dayBeforeWebDate = new Date('2021-01-28'); if(document.getElementById('web_at')){document.getElementById('web_at').innerText = dayBeforeWebDate.toLocaleDateString('ru');} var result = (Math.round(dayBeforeWebDate.getTime() - presentDate.getTime()) / (one_day)).toFixed(0); var finalResult = "через " + result + " дней"; if(result == 0) { finalResult = "СЕГОДНЯ!"; } else{ if(result == 1){ finalResult = "ЗАВТРА!"; } else { var dec = 0; finalResult = 'через ' + result + ' ' + ((((dec = result%100) >= 11 && dec <= 19) || (dec = result%10) >= 5 || dec == 0) ? 'дней' :  (dec == 1 ? 'день' : 'дня')); }} document.getElementById('day_before_web').innerText= finalResult; </script>

 

<span id="day_before_web">через 110 дней</span>  - вставити в місці тексту, де ви хочете, щоб відображалося, через скільки



var dayBeforeWebDate = new Date('2021-01-28'); - встановлюємо дату вебінару



 

  1. відраховує скільки днів залишилося та редиректит на вказане вами посилання

 

<span id="timer">00:00</span> - вставити в місці хочете виводити час у ЛГТ



<script>   var counterUrl = 'https://www.google.com';   var cookieName = 'timer-test';   var counterStartDate = new Date();   var counterIds = [     'timer',   ];   var needTime = new Date();   var withDays = false;   var dateText = {};   var MILLISECONDS_IN_DAY = 24 * 60 * 60 * 1000;   var MILLISECONDS_IN_HOUR = 60 * 60 * 1000;   var MILLISECONDS_IN_MINUTES = 60 * 1000;   var MILLISECONDS_IN_SECONDS = 1000;   var shiftToEnd = {     days   : 2,     hours  : 0,     minutes: 0,     seconds: 0,   };   var dateToDisplay = {};   function setCookie(cname, cvalue, exdays) {     var d = new Date();     d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));     var expires = 'expires=' + d.toUTCString();     document.cookie = cname + '=' + cvalue + ';' + expires + ';path=/';   }   function getCookie(cname) {     var name = cname + '=';     var ca = document.cookie.split(';');     for (var i = 0; i < ca.length; i++) {       var c = ca[i];       while (c.charAt(0) === ' ') {         c = c.substring(1);       }       if (c.indexOf(name) === 0) {         return c.substring(name.length, c.length);       }     }     return '';   }   function checkCookie() {     var counter = getCookie(cookieName);     if (counter !== '') {       counterStartDate = new Date(+counter);     } else {       setCookie(cookieName, counterStartDate.getTime(), 365);     }   }   function countShiftInMilliSeconds(shift) {     var result = 0;     result += shift.days * MILLISECONDS_IN_DAY;     result += shift.hours * MILLISECONDS_IN_HOUR;     result += shift.minutes * MILLISECONDS_IN_MINUTES;     result += shift.seconds * MILLISECONDS_IN_SECONDS;     return result;   }   function millisecondsInShift(timeInMilliseconds) {     if (withDays) {       dateToDisplay.days = Math.floor(timeInMilliseconds / MILLISECONDS_IN_DAY);       timeInMilliseconds -= dateToDisplay.days * MILLISECONDS_IN_DAY;     }     dateToDisplay.hours = Math.floor(timeInMilliseconds / MILLISECONDS_IN_HOUR);     timeInMilliseconds -= dateToDisplay.hours * MILLISECONDS_IN_HOUR;     dateToDisplay.minutes = Math.floor(timeInMilliseconds / MILLISECONDS_IN_MINUTES);     timeInMilliseconds -= dateToDisplay.minutes * MILLISECONDS_IN_MINUTES;     dateToDisplay.seconds = Math.floor(timeInMilliseconds / MILLISECONDS_IN_SECONDS);   }   function prepateTime(text) {     return ('' + text).length < 2 ? '0' + text : text;   }     function displayTime(time) {       if (time < 0) {         time = 0;       }       millisecondsInShift(time);       var dateToDisplayString = (withDays ? prepateTime(dateToDisplay.days) + ':' : '')         + prepateTime(dateToDisplay.hours)         + ':'         + prepateTime(dateToDisplay.minutes)         + ':'         + prepateTime(dateToDisplay.seconds); counterElements.forEach(function (counterElement) {         counterElement.innerHTML = dateToDisplayString;                });     }     var counterElements = counterIds.map(function(counterElementId){       return document.getElementById(counterElementId);     });     checkCookie();     needTime = counterStartDate.getTime();     var now = new Date();     var milisecondsShift = countShiftInMilliSeconds(shiftToEnd);     needTime = needTime + milisecondsShift - now.getTime();     if (needTime < 0) {       window.location = counterUrl;     }     displayTime(needTime);     setInterval(function () {       needTime -= MILLISECONDS_IN_SECONDS;       displayTime(needTime);       if (needTime < 0) {         window.location = counterUrl;       }     }, 1000); </script>

 

var counterUrl = 'https://www.google.com'; - куди редирект

  var cookieName = 'timer-test'; - пишемо будь-яке унікальне ім'я замість timer-test



 var shiftToEnd = {

    days   : 2,

    hours  : 0,

    minutes: 0,

    seconds: 0,

  };



через скільки часу після заходу людини на сторінку відбудеться редирект