如何做一个计数器计时器，当结束时将显示一个 div，该 div 将保持一段时间并再次重新启动

Question

我正在做一个倒数计时器，当计时器结束时，它会显示一个div，它会保持一段时间并再次重新启动

例如，当时间达到截止日期时，我将其设置为 7 天，它将保留div 7 天并再次重新计数 7 天。

我可以在时间结束时实现一个简单的计时器，它将显示一个div，但我不确定如何让它再次计数并一次又一次地显示它。我不知道刷新时如何使计时器成为静态计时器仍将继续运行不会再次重新计数

这是我的 JSfiller -

var time = 5;
window.setInterval(test, 1000);
function test() {
  time -= 1;
  $('#test').html(time);
  if (time == 0) {
    $('#test').remove();
    $('#a').show();
  }
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="test" style="border:1px solid black;width:100px">test
</div>
<div id="a" style="display:none;">
  testing
</div>

Answer 1

var time = 5,        // keep this unchanged!
    counter = time;  // we'll change this reference instead
window.setInterval(test, 1000);
function test() {
  counter -= 1;
  $('#test').html(counter);
  if (counter === 0) {
     counter = time;  // see?
     // Do something here.... 
  }
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="test" style="border:1px solid black;width:100px">test</div>