1

Всем привет. Может кто подскажет как реализовать или есть где то готовое решение. Нужен обратный отсчёт но под каждого пользователя отдельно. Типа я зашёл мне начался отсчёт и скидка на сайте, завтра другой зашёл и у него начался свой отсчет и скидка. И что бы при обновлении страницы время не начиналось сначала. Дано мне там допустим два дня и через два дня таймера нету и скидки тоже. Заранее благодарю за подсказку.

5
  • Если только фронтенд, то хранить время начала отсчёта таймера в куках или localstorage. От этого и отталкиваться.
    – Aleksandr
    Commented 13 окт. 2020 в 20:16
  • При обновлении или выхода из страницы время не начинает считать сначала? Commented 13 окт. 2020 в 20:20
  • Нет, куки имеют срок хранения и ты можешь его задать, а локалстораж, если не ошибаюсь, не имеют срока хранения. Но и то и другое пользователь браузера может явно удалить, например при чистке браузера, или намеренно в панели разработчика
    – Aleksandr
    Commented 13 окт. 2020 в 20:24
  • Если нужно железобетонно - то на сервере в БД
    – Aleksandr
    Commented 13 окт. 2020 в 20:25
  • С локалстораж разобрался. А с куки не юзал. Ща буду искать. Спасибо. Commented 13 окт. 2020 в 20:26

2 ответа 2

1

Возможно кому то нужен будет код.

function contador() {
     var dd = localStorage.getItem("dd");
     var hr = localStorage.getItem("hr");
     var mm = localStorage.getItem("mm");
     var ss = localStorage.getItem("ss");
     if (!dd || !hr || !mm || !ss) {
        dd = "1";
        hr = "23";
        mm = "59";
        ss = "59";
        localStorage.setItem("dd", dd);
        localStorage.setItem("hr", hr);
        localStorage.setItem("mm", mm);
        localStorage.setItem("ss", ss);
     }
     var interval = setInterval(function () {
        if (dd == 0 && hr == 0 && mm == 0 && ss == 0) {
           clearInterval(interval);

        }
        ss--;
        if (ss == 0) {
           ss = 59;
           mm--;
           if (mm == 0) {
              mm = 59;
              hr--;
           }
           if (hr == 0) {
              hr = 24;
              dd--;
           }
        }
        if (dd.toString().length < 2) dd = "0" + dd;
        if (hr.toString().length < 2) hr = "0" + hr;
        if (mm.toString().length < 2) mm = "0" + mm;
        if (ss.toString().length < 2) ss = "0" + ss;
        $(".contador").html("<div class='timer-info day'>" + dd + "</div> : <div class='timer-info hora'>" + hr + "</div> : <div class='timer-info minuto'>" + mm + "</div> : <div class='timer-info segundo'>" + ss + "</div>");
        localStorage.setItem("dd", dd);
        localStorage.setItem("hr", hr);
        localStorage.setItem("mm", mm);
        localStorage.setItem("ss", ss);
     }, 1000);
  }
  window.onload = contador;
0

Если только фронтенд, то хранить время начала отсчёта таймера в куках или localstorage. От этого и отталкиваться.

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.