JavaScript中实现摸球概率统计事件

电玩女神 2021-12-04 08:55 169阅读 0赞

![事件描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMDY1Nzc2_size_16_color_FFFFFF_t_70]

*  事件描述：在三个不透明的盒子中分别每个盒子装了两个球，第一个盒子装2个红球，第二个盒子装1个红球和1个蓝球，第三个盒子装2个蓝球，问：随机从三个盒子中取出一个球，问这个球是红球的概率？
 *  我使用JS代码来描述这个事件，请看代码：

<!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<title>随机摸球概率</title>
    		<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
    	</head>
    	<body>
    		
    		<span id="box"></span><br/>
    		
    		<span id="time"></span>
    		
    		<script>
    			// 摸到红球的次数
    			var prob = 0;
    
    			// 产生最小值与最大值之间的随机数
    			function randomNumber(min, max) {
    				var diff = max - min;
    				var rand = Math.random();
    				var num = min + Math.round(rand * diff);
    				return num;
    			}
    
    			// 定义一个开始时间
    			var startTime = new Date();
    
    			// 执行一万次
    			for(var i = 0; i < 10000; i++) {
    				// 匿名函数,在for循环里面才能立即执行
    				(function(i) {
    					// 延迟执行
    					setTimeout(function() {
    						// 盒子的索引,随机从三个盒子中挑选一个盒子
    						var boxIndex = randomNumber(1, 3);
    						// 盒子中球的索引,随机从盒子中摸一个球
    						var bollIndex = 0;
    						// 如果是第一个盒子
    						if(1 == boxIndex) {
    							prob += 1;
    						}
    						// 如果是第二个盒子
    						else if(2 == boxIndex) {
    							// 随机摸取一个球
    							bollIndex = randomNumber(1, 2);
    							// 如果为红球
    							if(1 == bollIndex) {
    								prob += 1;
    								// 如果为蓝球
    							} else if(2 == bollIndex) {
    								// 没有红球
    							}
    						}
    						// 如果是第三个盒子
    						else if(3 == boxIndex) {
    							// 没有红球
    						}
    						// 将产生的概率显示到页面
    						// 概率=第一次摸红球的次数 / 摸球次数,取小数点后五位
    						$("#box").text("概率：" + parseFloat(parseInt(prob) / (i + 1)).toFixed(5));
    						// 结束时间
    						var endTime = new Date();
    						// 耗时显示
    						$("#time").text("耗时：" + (parseInt(endTime - startTime) / 1000).toFixed(2) + "秒");
    						// 延迟时间,(i+1)*1000,表示每次延迟1秒执行
    					}, (i + 1) * 1);
    				})(i)
    			};
    		</script>
    		
    	</body>
    </html>

*  我们看运行过程：  
    ![在这里插入图片描述][20190718121059307.gif]
 *  最终运行结果：  
    ![运行结果][20190718120958621.png]
 *  执行一万次后，统计概率接近于：1/2

如您在阅读中发现不足，欢迎留言！！！

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMDY1Nzc2_size_16_color_FFFFFF_t_70]: /images/20211204/23c9762c88a54ec0bd7528824cc18717.png
[20190718121059307.gif]: /images/20211204/9e4ac0928ec54dbb8348e6cb6f587c5b.png
[20190718120958621.png]: /images/20211204/255da55faf9649e489e2f79edba168cf.png