Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 2 Current »

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

Є 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,

  };


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


  • No labels