如何在同一时间内在每台设备上每30秒调用一次函数

How can I call function every 30 seconds on every devices in the same time?

本文关键字：调用 函数 一次 30秒 同一时间      更新时间：2023-09-26

我要试着正确地解释我的问题。我想每30秒生成一个数字，像这样：

function getRandomNumber(min, max) {
        return Math.floor(Math.random() * (max - min + 1)) + min;
    }
setTimeout(function(){
        getRandomNumber(0,14);
    }, 30000);

这很好，但在每个设备上都不一样，比如如果我用这个代码打开页面，我会得到随机数，但如果我的朋友在我打开页面后5秒后打开它，就会出现延迟。有什么办法解决它吗？我认为像获取时间服务器并按照他的要求进行操作这样的事情可以奏效，但我不知道如何做到。

这个问题没有完美的解决方案，这里有两个选项：
简单的和复杂的应该更精确。

如果您在所有设备上的时间都相同*您可以在第一次调用中使用new Date().getTime() % 30000，因此它们都处于同步状态，然后在超时时始终使用常量30000。

function getRandomNumber(min, max) {
  return Math.floor(Math.random() * (max - min + 1)) + min;
}
setTimeout(function() {
  getRandomNumber(0, 14);
}, new Date().getTime() % 30000); // first time use this

*时区无关紧要，但的秒数

另一种方法是让服务器打发时间，然后猜测延迟以更正加载时间，并使用new Date().getTime() 的instad

最简单的解决方案之一是创建一个新的Date对象，用getSeconds读取秒数，然后以30的倍数四舍五入，并用setTimeout将生成器安排到下一步。一旦它开始，您可以决定使用相同的功能再次安排它，或者使用setInterval设置间隔。

如果你不想依赖本地时钟，我想你必须使用ntp这样的服务，但它需要你知道应用于时间的delta是什么等等。

您可以使用一行PHP来完成此操作。

这在这里有效。

<script>
    function getRandomNumber(min, max) {
      return Math.floor(Math.random() * (max - min + 1)) + min;
    }
    // The variable 'startTime' is synchronized with the server
    var startTime=parseInt(<?php echo date("now")?>);
    setInterval(function() {
        startTime++;
        if(startTime%30==0) document.write(parseInt(getRandomNumber(0, 14)).toString()+"<br>");
    }, 1000);
</script>

请注意，我使用了setInterval而不是setTimeout，因此它将重复。

相关文章：