JavaScript倒计时在到达00:00时重定向另一个页面

时间:2018-06-09 05:11:18

标签: javascript php

我将JavaScript倒数计时器设置为30分钟。当计时器到达00:00时,我试图重定向现有页面以重定向到exit.php页面

我的代码如下:



function startTimer(duration, display) {
  var timer = duration,
    minutes, seconds;
  setInterval(function() {
    minutes = parseInt(timer / 60, 10)
    seconds = parseInt(timer % 60, 10);

    minutes = minutes < 10 ? "0" + minutes : minutes;
    seconds = seconds < 10 ? "0" + seconds : seconds;

    display.textContent = minutes + ":" + seconds;

    if (--timer < 0) {
      timer = duration;
    }
  }, 1000);
}

window.onload = function() {
  var fiveMinutes = 60 * 30,
    display = document.querySelector('#time');
  startTimer(fiveMinutes, display);
};
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="timer">
  <div>Section</div>
  <div class="time">
    <strong>Time left: <span id="time">30:00</span></strong>
  </div>
</div>
&#13;
&#13;
&#13;

赞赏任何帮助..

1 个答案:

答案 0 :(得分:0)

我在这里,希望这是你想要的:

https://jsfiddle.net/jom9s562/

&#13;
&#13;
var time = 30 * 60;
setInterval(function() {
  var seconds = time % 60;
  var minutes = (time - seconds) / 60;
  if (seconds.toString().length == 1) {
    seconds = "0" + seconds;
  }
  if (minutes.toString().length == 1) {
    minutes = "0" + minutes;
  }
  document.getElementById("time").innerHTML = minutes + ":" + seconds;
  time--;
  if (time == 0) {
    window.location.href = "exit.php";
  }
}, 1000);
&#13;
<div class="timer" onload="timer(1800)">
  <div>Section</div>
  <div class="time">
    <strong>Time left: <span id="time">Loading...</span></strong>
  </div>
</div>
&#13;
&#13;
&#13;

相关问题