Question

我正在制作一台带有JavaScript的老虎机，当我需要在滚动结束时比较变量以查看用户是否获胜时，我遇到了问题。

是否有可能以某种方式存储方法moveSlots（）中的变量“randomArrayItem”并在go（）方法中使用它？

我使用moveSlots（）方法分别移动每个插槽，但我需要知道它用于移动它的randomArrayItem，以便我可以将每个插槽值相互比较。如果他们匹配，用户应该赢。

注意这个运行，因为我不知道如何从插槽1,2,3插入我的图像。但我发布是因为我只是问如何将randomArrayItem带到GetLucky（）;？谢谢！

var slot1 = [
'<img class="coffee" src="imgs/temp-coffee-1.jpg" alt="coffee pot icon">',
'<img class="tea" src="imgs/temp-tea-1.jpg" alt="coffee pot icon">',
'<img class="espresso" src="imgs/temp-espresso-1.jpg" alt="coffee pot icon">'
];
var slot2 = [
'<img class="coffee" src="imgs/temp-coffee-1.jpg" alt="coffee pot icon">',
'<img class="tea" src="imgs/temp-tea-1.jpg" alt="coffee pot icon">',
'<img class="espresso" src="imgs/temp-espresso-1.jpg" alt="coffee pot icon">'
];
var slot3 = [
'<img class="coffee" src="imgs/temp-coffee-1.jpg" alt="coffee pot icon">',
'<img class="tea" src="imgs/temp-tea-1.jpg" alt="coffee pot icon">',
'<img class="espresso" src="imgs/temp-espresso-1.jpg" alt="coffee pot icon">'
];

function GetLucky(){

    function getRandomInt(min, max) {
        return Math.floor(Math.random() * (max - min + 1)) + min;
    }

 
    function go(){
        addSlots();
        moveSlots($('#slot_a'));
        moveSlots($('#slot_b'));
        moveSlots($('#slot_c'));
      
      // NEED TO COMPARE var randomArrayItem from _a, _b, _c to see if they match... ideas???
    }

    function moveSlots(el){
        var time = 500;
        time += Math.round(Math.random()*2000);
        el.stop(true,true);

        var randomArrayItem = getRandomInt(0, 2);

        var marginTop = (-7 * (100)) - (randomArrayItem * 100 ); //change 100 to height placeholder
        
        el.animate(
            {"margin-top":marginTop+"px"},
            {'duration' : time, 'easing' : "easeInOutQuint"}
        );   
    }

    function addSlots(){

        for(i=0; i<20; i++){
            $('#slot_a').append("<div class='content'>" + slot1[getRandomInt(0,2)] + "</div>");
            $('#slot_b').append("<div class='content'>" + slot2[getRandomInt(0,2)] + "</div>");
            $('#slot_c').append("<div class='content'>" + slot3[getRandomInt(0,2)] + "</div>");
        }
    }

}

body{
background-color:white;
padding:50px;
margin:50px;
}


.slots {
	font-size:10px;
	font-family:arial,helvetica,sans-serif;
	overflow:hidden;
	width:100px;
	height:100px;
	border:1px solid black;
	float:left;
}

.slots .wrapper{
	width:100px;
}

.slots .slot{
	width:100px;
	height:100px;
	text-align:center;
}
.slot .content {
	width:100px;
	height:100px;
    color:#000;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>

</html>
<body>
<script src="js/jQuery_v1.12.3.js" type="text/javascript"></script>
<script src="js/jquery.easing.1.3.js" type="text/javascript"></script>
<script src="js/scripts.js" type="text/javascript"></script>
<link href="css/style.css" rel="stylesheet" type="text/css" />


<div style="width:310px">
<div class="slots"  id="slots_a">
	<div class="wrapper" >
		<div id="slot_a" class='slot'><!-- <img src="imgs/temp-tea-1.jpg" alt="coffee pot icon"> --></div>
	</div>
</div>
<div class="slots"  id="slots_b">
	<div class="wrapper" >
		<div id="slot_b" class='slot'><!-- <img src="imgs/temp-coffee-1.jpg" alt="coffee pot icon"> --></div>
	</div>
</div>
<div class="slots"  id="slots_c">
	<div class="wrapper" >
		<div id="slot_c" class='slot'><!-- <img src="imgs/temp-espresso-1.jpg" alt="coffee pot icon"> --></div>
	</div>
</div>
<div style="text-align:center">
<input type="button" value="spin!" onClick="GetLucky();" style="margin-top:4px;">
</div>
</div>

</body>

很难解释，但你会在下面看到。

Answer 1

尝试从移动槽返回randomArrayItem并通过调用它来触发执行go for i in 0 ..< green.count { let storyboard = UIStoryboard(name: "Main", bundle: nil) let greenVC = storyboard.instantiateViewControllerWithIdentifier("greenViewController") as! GreenVC greenVC.progressionStackView = self greenVC.index = i; greenViewControllers.append(greenVC) if let greenView = greenVC.view as! GreenView! { greenView.fillColor = UIColor.orangeColor() greenView.setNeedsDisplay() self.addArrangedSubview(greenView) } } self.layoutIfNeeded()

go();

Answer 2

您可以通过让函数返回值来存储变量，并在赋值操作的右侧使用该函数。

例如：

var randomInt = getRandomInt();

编辑：也就是说，如果randomInt在函数内，另一个函数将无法访问它。例如：

function i() { var x = 7; }
var a = x+x;

上面代码中的var a将是未定义的，因为变量未全局定义（仅在其函数内）

只是一般性说明......你的代码似乎永远不会实际执行go（）。它只通过函数go（）等定义它。

使用另一种方法的变量

2 个答案: