javascript - 如何每隔一小时更新变量而不由用户刷新页面？

Question

Controller :

$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

给你一个解决方案

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。

希望这对您有帮助。