我将创建一个应用程序。其中一部分需要能够在一个函数内提取三个随机数组元素,而且这三个元素不能重复。
例如:
var arr = ["1","2","3","4","5","6","7","8","9","10]
$("#button").click(function()
{
rand = Math.floor((Math.random() * arr.length));
$("text1").text(arr[rand]);
rand = Math.floor((Math.random() * arr.length));
$("text2").text(arr[rand]);
rand = Math.floor((Math.random() * arr.length));
$("text3").text(arr[rand]);
})
我已经重复使用随机数生成器3次,因为如果不这样做,生成的数字将保持不变。问题在于,随机数生成器可能会多次产生相同的数字。有没有办法避免这种情况发生?
如果这是一个重复的问题,我很抱歉,但它没有出现在建议的问题中。
编辑:根据要求添加了HTML标记。
<html>
<head>
</head>
<body>
<div data-role="page" id="menu">
<div data-role="header">
<div data-role="navbar">
<p><h2 align="center">App Name</h2></p>
</div>
</div>
<div data-role="content">
<div>
<h1 style="font-size:50px" align="center" id="name"></h1>
</div>
<div style="padding-top:30px">
<h1 align="center" id="q"></h1>
</div>
<div style="padding-top:50px">
<p align="center"><a style="font-size:22px" id="text1"></a></p>
<p align="center"><a style="font-size:22px" id="text2"></a></p>
<p align="center"><a style="font-size:22px" id="text3"></a></p>
</div>
<div style="padding-top:50px">
<h3 align="center" id="counter"></h3>
</div>
</div>
<div data-role="footer" data-position="fixed">
<div data-role="navbar">
<ul>
<li><a id="t">Restart</a></li>
<li><a id="qu">Quit</a></li>
</ul>
</div>
</div>
</div>
</body>
</html