设置和重置每个页面的倒计时 Jquery.

尝试实现倒数计时器，因此一旦我导航到每个屏幕，计时器应该重置。

因此，每分钟计时器应自动初始化并开始从 10 到 0 的倒计时。

如果用户在倒计时过程中中断，它应该在同一页面中，否则它应该导航到主页。

这就是我尝试过的。我的计时器只调用一次，我怎么知道页面已更改并将计时器重置为从 1 分钟开始计算。

.JS：

$(document).ready(function() {
  // Function to update counters on all elements with class counter
  var doUpdate = function() {
    $('.countdown').each(function() {
      var count = parseInt($(this).html());
      if (count !== 0) {
        $(this).html(count - 1);
      }
    });
  };
  // Schedule the update to happen once every second
  setInterval(doUpdate, 1000);
});

.HTML：

<div class="countdown">10</div>