隨機數在功能與不同frameRate

Question

我想生成一個隨機數，我在條件語句（If...else）中使用作爲一個變量。 function PositionLoop()，其中條件陳述發生，分配​​。但是，我希望隨機數不要在每個幀中重新生成。這太頻繁，太快了。例如，我希望數字每3秒更改一次。另一個問題是，條件語句包含變量（Font），其中我再次使用在內部function PositionLoop()代碼另一條線......

我已經嘗試不同的事情 - 首先我創建了一個功能，隨機數和調用其他函數內的變量function PositionLoop()（Accessing variables from other functions without using global variables），然後我嘗試了全局變量 - 但它不起作用。有人可以幫我嗎？ - 非常感謝你！

這是我的代碼結構：

… 

function positionLoop() { 
    requestAnimationFrame(positionLoop); 

    … 


    var Zufallszahl1 = random(0,30); 
    var Font; 
    if (Zufallszahl1 = 6) { 
     Font = …; 
    } else if (Zufallszahl1 = 8) { 
     Font = …; 
    } else { 
     Font = …; 
    }; 

    if (parameter < x) { 
     Schriftart = …; 
    } else if (parameter > x) { 
     Schriftart = Font; 
    } else { 
     Schriftart = …; 
    }; 

    var Gestalt = selectAll('.class1'); 
    for (var i = 0; i < Gestalt.length; i++) { 
     Gestalt[i].style('font-family', Schriftart); 
     Gestalt[i].style(…); 
     Gestalt[i].style(…); 
     … 
    }; 

    … 

}positionLoop(); 

… 

Answer 1

你可以使用一個單獨的間隔爲：

(function() { 
    var Zufallszahl1; 
    function changeZufallszahl1() { 
     Zufallszahl1 = random(0,30); 
     if (Zufallszahl1 = 6) { 
      Font = …; 
     } else if (Zufallszahl1 = 8) { 
      … 
     } else { 
      … 
     } 

     … 

    } 

    changeZufallszahl1(); 
    // Repeat with whatever delay you want between changes 
    setInterval(changeZufallszahl1, 1000); 

    // Keep your animation loop separate: 
    function positionLoop() { 
     requestAnimationFrame(positionLoop); 

     … 


    } 
    positionLoop(); 
})();