我将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;
赞赏任何帮助..
答案 0 :(得分:0)
我在这里,希望这是你想要的:
https://jsfiddle.net/jom9s562/
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;