倒计时后的 Jquery 刷新页面达到 0

Jquery refresh page after countdown hits 0

本文关键字:刷新 Jquery 倒计时      更新时间:2023-09-26

我正在使用Keith Wood Jquery倒数计时器(http://keith-wood.name/countdown.html),我想让它在计时器达到0时刷新页面。 不幸的是,我无法做到这一点。这是我的代码:

$(function () {
        var now = new Date($.now());
        var austDay = new Date();
        austDay = new Date(//php stuff to get the date from the database..);
        $('#defaultCountdown').countdown({until: austDay, format: 'DHMS'});
        if (austDay <= now) {
            location.reload();
        }
});

提前谢谢。

根据链接到的文档,您可以指定倒计时为零时的onExpiry回调。然后,您提供一个函数,该函数可以在该时刻执行任何您喜欢的操作:

$('#defaultCountdown').countdown({
    until: austDay,
    format: 'DHMS',
    onExpiry: function() { location.reload(); }
});

(我还没有测试上面的代码,但在 doco 中似乎很清楚。

来自文档

onExexpry:倒计时时调用的回调函数 达到零。在函数中,这是指除法 持有小部件。不传入任何参数。使用到期文本或 到期时基本功能的 expiryUrl 设置。

$(selector).countdown({
    until: liftoffTime, onExpiry: liftOff});
function liftOff() {
    alert('We have lift off!');
}