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

时间:2016-01-27 04:54:43

标签: javascript

希望在此计时器(请参阅代码)过期后立即更改代码。 我正在为我的一个朋友开展一个有趣的拍卖项目,当时间用完我希望页面改变,所以没有人可以再投标。 所有出价都是定时的,所以我可以查看是否有人在到期后出价,但这不是很好。如果我能自动完成它,那就太好了。 所以此刻它会说" EXPIRED!"但是我应该放在那里以便不再设置出价?

如果您想查看更多代码,请告诉我们。 提前谢谢。

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

1 个答案:

答案 0 :(得分:2)

你的代码中的

  if (distance < 0) {

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

        return;
    }

添加您的代码:

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

在返回之前这样做。

请记住你的html&#34;已过期!&#34; (可能)不会出现在页面上,因为它会立即重定向。