wie man den Spielautomaten dreht und den Wert gibt?

Question

Ich versuche eine Slotmachine zu machen. Ich bin ein Anfänger in Javascript.

Ich machte drei Steckplätze und wollte dann den Steckplatz drehen. Ich habe 'setInterval' verwendet, um es zu drehen.

function drawSlot1(){ 
    var slot1Value = document.getElementById('slotImage1'); 
    var r1 = Math.floor(Math.random() * 9); 
    slot1Value.src = "graphics/" + fruitArray[r1] + ".jpg"; 
} 
setInterval(drawSlot1, 100); 
setTimeout(slotTimeout1, 2000); 

und mit console.log versucht, den Wert von slot1Value zu sehen.

Es gab mir alle Werte, die während des Intervalls generiert wurden. In ähnlicher Weise werden auch die anderen zwei Schlitze auf die gleiche Weise hergestellt. Jetzt möchte ich, dass es nur den letzten Wert (Wert nach Drehstopps) in allen drei Slots gibt, so dass ich die erzeugten Werte vergleichen und für die Auswertung verwenden konnte, sowie die Tasten NUDGE und HOLD aktivierte. Wie mache ich das? Jede Hilfe wird sehr geschätzt.

Answer 1

Wenn ich Sie Ihre Problembeschreibung richtig verstanden habe, wäre die Lösung, den Wert r1 (von der drawSlotX-Funktion) auf globale Variable oder breiter als die drawSlot-Funktion zu speichern.

var solt1NumericValue; 

function drawSlot1() 
{ 
    var slot1Value = document.getElementById('slotImage1'); 
    var solt1NumericValue = Math.floor(Math.random() * 9); 
    slot1Value.src = "graphics/" + fruitArray[solt1NumericValue] + ".jpg"; 
} 

Wenn Sie Ende reach Spinnen Sie den Wert solt1NumericValue überprüfen können. Es sollte den Wert speichern, der während des letzten Intervallaufrufs eingestellt wurde.

und eine Probe zum Animieren der Spin: https://jsfiddle.net/spwwtzcd/1/