<h1 id="counter">0</h1>
<ul id="log"></ul>

<script>
  const caniuse = {
    localStorage : () => {
  let test = 'test';
      try {
        localStorage.setItem(test, test);
        localStorage.removeItem(test);
        return true;
      } catch(e) {
        return false;
      }
    }
  };
  if (caniuse.localStorage()) {
    let seconds = 0;
    const minute = 1000 * 60;
    const hour = minute * 60;
    const day = hour * 24;
    const year = day * 365;
    const now = () => {
      return new Date().getTime();
    };
    let timeout = localStorage.getItem("timeout");
    const saveTimout = () => {
      timeout = new Date().getTime()   minute;
      localStorage.setItem("timeout",timeout);
      seconds = 0;
    };
    const detect = () => {
      if (timeout===null || timeout<=now()) {
        saveTimout();
        //alert(`save new timeout = ${now()}`);
        let datetime = new Date().toLocaleString("th");
        document.querySelector("#log").insertAdjacentHTML("beforeend", `<li>${datetime}</li>`);
      }
    };
    let counter = setInterval(()=>{
      detect();
      document.querySelector("#counter").innerText =   seconds;
    },1000);
  }
</script>

(function(){
window.history.forward();
})();
window.onhashchange = function(){
window.history.forward();
}