如何同時為所有用戶運行 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 從數據庫中獲取數字，然后讓輪子停在該數字處，這樣每個用戶的數字都會相同，並且只要您不斷向數據庫中添加數字，輪子就會保持不變