如何在 JavaScript 计时器过期后重定向

How to redirect after a JavaScript timer has expired?

本文关键字：过期 重定向 计时器 JavaScript      更新时间：2023-09-26

希望在此计时器（请参阅代码）过期后立即更改代码。我正在为我的一个朋友做一个有趣的拍卖项目，当时间用完时，我希望页面更改，这样没有人可以再出价。所有出价都是定时的，所以我可以检查是否有人在到期后出价，但这不是很好。如果我能自动完成它，那就太好了。所以目前它会说"过期！"但是我应该在那里放置什么，以便无法设置更多的出价？

如果您希望看到更多代码，请告诉我。提前谢谢。

CountDownTimer('01/31/2016 7:1 PM', 'countdown');
function CountDownTimer(dt, id)
{
    var end = new Date(dt);
    var _second = 1000;
    var _minute = _second * 60;
    var _hour = _minute * 60;
    var _day = _hour * 24;
    var timer;
    function showRemaining() {
        var now = new Date();
        var distance = end - now;
        if (distance < 0) {
            clearInterval(timer);
            document.getElementById(id).innerHTML = '<span class="date">EXPIRED!</span>';
            return;
        }
        var days = Math.floor(distance / _day);
        var hours = Math.floor((distance % _day) / _hour);
        var minutes = Math.floor((distance % _hour) / _minute);
        var seconds = Math.floor((distance % _minute) / _second);
        document.getElementById(id).innerHTML = 'Time Left = ';
        document.getElementById(id).innerHTML += '<span class="date">' + days + ' D</span>';
        document.getElementById(id).innerHTML +=  '<span class="date">' + hours + ' H</span>';
        document.getElementById(id).innerHTML +=  '<span class="date">' + minutes + ' M</span>';
       // document.getElementById(id).innerHTML +=  '<span class="date">' + seconds + ' S</span>';
    }
    timer = setInterval(showRemaining, 1000);
}
在你的

代码中：

  if (distance < 0) {
        clearInterval(timer);
        document.getElementById(id).innerHTML = '<span class="date">EXPIRED!</span>';
        return;
    }

添加您的代码： 

`window.location.href="Your page to go to";`

在返回之前执行此操作。

请记住，您的 html "已过期！（可能）不会出现在页面上，因为它会立即重定向。

相关文章：