如何每隔一小时更新一次变量，而无需用户刷新页面？

Question

控制器：

$number = rand(1, 100);

视图：

<div id="lucky">
   Your lucky number: <?php echo $number ?>.
</div>

如何在不手动刷新页面的情况下每小时更新$number的值？ 我可以使用JavaScript / jQuery中的 setInterval ，但是我想完全在一个小时（0：00、1：00、2：00等）执行此操作。 做这个的最好方式是什么？ 我可以使用PHP，CRON，JS和JS框架...

Answer 1

尝试找出现在的时间，找出下一个完整小时需要多长时间，然后等待很长时间：

function doSomething() {
    var d = new Date(),
        h = new Date(d.getFullYear(), d.getMonth(), d.getDate(), d.getHours() + 1, 0, 0, 0),
        e = h - d;
    if (e > 100) { // some arbitrary time period
        window.setTimeout(doSomething, e);
    }
    // your code(May be an ajax call to show lucky num)
}

e <100的检查只是为了确保您不对5毫秒之类的时间执行setTimeout并使其疯狂循环。

Answer 2

在这里你有一个解决方案

 var d = new Date(); var firstTrigger = 60000* (60 - d.getMinutes()); // This is for 1st Time Trigger setTimeout(function(){ console.log("1st time trigger", rand(1, 100)); // This is continuous trigger every full hour setInterval(function(){ console.log("Continuous trigger every hour", rand(1, 100)); }, 3600000); }, firstTrigger); 

在您的情况下，您将触发代码，而不是console.log 。

希望这会帮助你。