如何在每个设备上同时每隔30秒调用一次功能？

Question

我将尝试正确解释我的问题。 我想每30秒产生一次数字，如下所示：

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

这很好，但在每个设备上都不一样，比如我用这个代码打开页面，我会得到随机数，但是如果我的朋友在打开页面后5秒钟打开它，就会出现延迟。 有什么办法可以解决吗？ 我认为像获取时间服务器并根据他这样做可以工作，但我不知道该怎么做。

Answer 1

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

---

如果你在所有设备上有相同的时间 *你可以使用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()实例.getTime new Date().getTime()

Answer 2

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

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

Answer 3

你可以用一行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，因此它将重复。