Как очистить localStorage после выхода пользователя с рельсов? - PullRequest
0 голосов
/ 24 августа 2018

У меня есть приложение ROR, и я добавил к нему таймер обратного отсчета.Счетчик таймера от 15 до нуля затем исчезнет.То, что я делаю, это чтобы снова запретить подсчет на странице обновления, поэтому я сохранил начальное значение в localStorage.Но мне нужно сбросить значение, когда пользователь выйдет из системы, и снова начать отсчет при повторном входе в систему, вот мой код:

function startTimer(duration, display) {
  var start = localStorage.getItem("start"),
  diff,
  minutes,
  seconds;
  var shown = false;

  if (start === null) {
    start = Date.now();
    localStorage.setItem("start", start);
  }
  function timer() {
    diff = duration - (((Date.now() - start) / 1000) | 0);

    minutes = (diff / 60) | 0;
    seconds = (diff % 60) | 0;
    minutes = minutes < 10 ? "0" + minutes : minutes;
    seconds = seconds < 10 ? "0" + seconds : seconds;
    display.textContent = minutes + ":" + seconds;
    if (diff <= 0) {
      start = 0;
      $('#testDiv').hide();
      if (shown == false){
        $('#congModal').modal('show'); 
        shown = true; 
      }
    }
  }

  timer();
  setInterval(timer, 1000);
}

window.onload = function () {
    var fifteenMinutes = 60 * 15,
        display = document.querySelector('#time');
    startTimer(fifteenMinutes, display);

};

и на мой взгляд:

`%li.list-inline-item.g-mx-10--xl.g-font-size-16
              #testDiv{"data-value" => "show"}
                %span= "#{t('layouts.navbar.countdown.next_reward_in')}" 
                %span#time 15:00
                = "#{t('layouts.navbar.countdown.minutes')}"
              %i{"data-target" => "#congModal", "data-toggle" => "modal"}  `

1 Ответ

0 голосов
/ 25 августа 2018

Это решило проблему!

в файле js:

`function cleanUp(){
  localStorage.removeItem('start')
}`

на просмотре:

%a{ "data-method" => "delete", href: destroy_user_session_path, onclick: "cleanUp();"}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...