时间戳

首页 > 解决方案 > 当我导航到另一个页面时，计数器继续计数

javascript - 当我导航到另一个页面时，计数器继续计数

问题描述

我必须访问网页，x.php并y.php在不同的文件夹中。有一个倒计时计时器，该x.php计时器到期并在 30 分钟内销毁会话。我的问题是当我加载x.php然后导航到y.php，然后返回到x.php计数器重新开始计数。我应该使用会话存储来做到这一点，还是当计数器开始计数并且我导航到y.php然后返回时，我该如何做到这一点，计数器仍在计数？

这是计时器的代码

var countdown = 30 * 60 * 1000;
var timerId = setInterval(function(){
  countdown -= 1000;
  var min = Math.floor(countdown / (60 * 1000));
  var sec = Math.floor((countdown - (min * 60 * 1000)) / 1000);

  if (countdown <= 0) {
      clearInterval(timerId);
  } else {
      $("#counter").html(min + ":" + sec);
  }

}, 1000); //1000ms. = 1sec.
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<span id="counter">30:00</span>

标签： javascriptjquerytimercounter

解决方案

推荐阅读