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

Question

希望在此计时器(参见代码)过期后立即更改代码。 我正在为我的一个 friend 做一个有趣的拍卖项目，当时间用完时，我想改变页面，这样就没有人可以再出价了。 所有出价都是定时的，所以我可以检查是否有人在过期后出价，但这不是很好。如果我能自动完成它，那就太好了。 所以现在它会说“过期了!”但是我应该把什么放在那里，这样就不能再设置出价了？

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

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);
}

Answer 1

在您的代码中:

  if (distance < 0) {

        clearInterval(timer);
        document.getElementById(id).innerHTML = '<span class="date">EXPIRED!</span>';

        return;
    }

加入你的代码:

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

在返回之前执行此操作。

请记住，您的 html“已过期!” (可能)不会出现在页面上，因为它会立即重定向。