在固定时间用 Jquery 刷新 Div

Question

我有一个 php 脚本，它可以告诉我下一班车什么时候到，现在我每分钟左右使用 jquery 将它刷新到一个 div 中。现在，因为我知道数据会改变的时间（总线来了之后），我希望它在这个时候刷新 div（或者就在之后，并不重要）。

我应该指出，我对 js 还很陌生，但这就是我目前所掌握的：

    var nextbustime = $('#bus').contents();
var nextbustime = new Date(nextbustime);
var now = new Date();

var t = nextbustime.getTime() - now.getTime();


var refreshId = setTimeout(function()
{
    $('#bus').fadeOut("slow").load('modules/bus.php?randval='+ Math.random()).fadeIn("slow");
}, t);

div 最初是使用 php 包含加载的。当然，我所做的根本不起作用。

我需要一些循环吗？我需要刷新时间计算器吗？

请帮忙！

提前谢谢...

Answer 1

既然您一直在使用 jQuery，请在此处查看此 jQuery 插件：jQuery timer plugin

Answer 2

我从您的陈述中假设代码适用于第一次刷新？你需要做的是处理接下来的几个。由于时间可能会有所不同（看起来），setInterval 可能不适合你。应该在每次超时结束时再次调用您的函数。

$(document).ready(function() {
    changeToNextBus();
});

function changeToNextBus() {
    var nextbustime = $('#bus').contents();
    var nextbustime = new Date(nextbustime);
    var now = new Date();

    var t = nextbustime.getTime() - now.getTime();

    var refreshId = setTimeout(function()
    {
        $('#bus').fadeOut("slow").
                  load('modules/bus.php?randval='+ Math.random()).
                  fadeIn("slow");
        changeToNextBus();
    }, t);
}