如何同时为所有用户运行 JavaScript 代码并为所有用户显示相同的生成数字

Question

我的网站有一个大问题。

我在我的网站上有一个页面，可以在 Javascript 中使用 Spinning Wheel 生成随机数。

生成数字的代码：

function chooseNumbers ()
{
    const wheel = document.querySelector('.circle');

    let deg = 0;

    deg = Math.floor((Math.random() * (360 - 1) + 1));
    wheel.style.transition = 'all 10s ease-out';
    wheel.style.transform = `rotate(${deg}deg)`;

    /**
     * Circle height: 830px
     * Circle width: 830px
     * angle: 36deg
     * 
     * if deg result between this numbers
     * 
     * 0   => 36  = 1
     * 36  => 72  = 2
     * 72  => 108 = 3
     * 108 => 144 = 4
     * 144 => 180 = 5
     * 180 => 216 = 6
     * 216 => 252 = 7
     * 252 => 288 = 8
     * 288 => 324 = 9
     * 324 => 360 = 0
     * 
     * pi = c / d
     */
}

我需要“在同一时间”向我的用户显示页面如何生成数字以及旋转轮如何选择数字。

这意味着我需要运行相同的 Javascript 代码并向所有现有用户显示相同的结果。

如果页面为每个用户运行 JavaScript 代码它会为每个用户显示不同的结果，因为我使用

Math.random()

生成随机数。

所以我需要一种方法来同时向所有用户显示轮子旋转并显示代码在 JavaScript 中生成的相同结果。

执行此方法的必要技术是什么？

Answer 1

您可以为此使用数据库。 有免费的，你可以用来尝试。 工作原理是，使用不同的页面，在 javascript 中生成各种随机数及其显示时间，然后使用 PHP 将它们上传到数据库。 这将被称为您的后端，这是用户永远不会看到的部分。 现在，对于每个用户看到这些数字，您将启动旋转轮并使用 PHP 从数据库中获取数字，然后让轮子停在该数字处，这样每个用户的数字都会相同，并且只要您不断向数据库中添加数字，轮子就会保持不变