JavaScript實(shí)現(xiàn)隨機(jī)數(shù)生成器（去重）
更新時(shí)間：2017年10月13日 10:34:16 作者：Corrine951304828
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)隨機(jī)數(shù)生成器，生成不重復(fù)的隨機(jī)數(shù)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
本文實(shí)例為大家分享了js實(shí)現(xiàn)隨機(jī)數(shù)生成器的具體代碼，供大家參考，具體內(nèi)容如下
1.實(shí)驗(yàn)前準(zhǔn)備：
Math函數(shù)的理解
數(shù)組方法的理解
2.實(shí)驗(yàn)操作:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>隨機(jī)數(shù)生成</title>
</head>
<style type="text/css">
body{font-size: 20px;}
#box{border:3px solid #666;width:500px;height:300px;margin:20px auto;padding:20px;position: relative;}
#min,#max{width: 60px;margin:5px;}
#num{margin:15px;width: 115px;}
button{width:80px;height:30px;letter-spacing: 10px;font-size: 15px;}
h1{margin: 10px 90px;}
</style>
<body>
<div>
<div id="box">
<h1>課堂提問(wèn)生成器</h1>
<label>產(chǎn)生隨機(jī)數(shù)的范圍：</label><input type="text" id="min">--<input type="text" id="max"></br>
<label>需要產(chǎn)生多少個(gè)隨機(jī)數(shù)：</label><input type="text" id="num"></br>
<button onclick="produce()">生成</button>
<p id="result"></p>
</div>
</div>
</body>
<script type="text/javascript">
function produce(){
var omin=document.getElementById("min").value;
var max=document.getElementById("max").value;
var num=document.getElementById("num").value;
var oArray=new Array;
var result="";
var min=omin;
for(var i=0;i<=max-omin;i++){
oArray[i]=min;
min++;
console.log(oArray[i]);
}
//沒(méi)有去重的原代碼
// for(var i=0;i<num;i++){
// result+=parseInt(Math.random()*(max-min+1) + min)+",";
// }
oArray.sort(function(){return 0.5 - Math.random(); }) //把按順序存儲(chǔ)的數(shù)組打亂
for(var i=0;i<num;i++){
result+=oArray[i]+",";
}
document.getElementById("result").innerText=result;
}
</script>
</html>
3.操作結(jié)果
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
HTML中的setCapture和releaseCapture使用介紹
setCapture函數(shù)的作用就是將后續(xù)的mouse事件都發(fā)送給這個(gè)對(duì)象，releaseCapture就是將鼠標(biāo)事件還回去，由 document、window、object之類(lèi)的自行來(lái)處理。這樣就保證了在拖動(dòng)的過(guò)程中，不會(huì)由于經(jīng)過(guò)了其它的元素而受到干擾2012-03-03
微信小程序選擇器組件picker簡(jiǎn)單入門(mén)
微信小程序picker表單選擇器的使用,根據(jù)官方介紹的有點(diǎn)不清楚,下面這篇文章主要給大家介紹了關(guān)于微信小程序選擇器組件picker的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-03-03
xmlHTTP返回值重編碼的優(yōu)化...2006-11-11
這篇文章主要為大家詳細(xì)介紹了js表單驗(yàn)證，JavaScript 可用來(lái)在數(shù)據(jù)被送往服務(wù)器前對(duì)HTML 表單中的這些輸入數(shù)據(jù)進(jìn)行驗(yàn)證，感興趣的小伙伴們可以參考一下2016-03-03
微信小程序的WXSS和全局、頁(yè)面配置詳細(xì)講解
WXSS(WeiXin?Style?Sheets)是一套樣式語(yǔ)言,用于描述?WXML?的組件樣式,下面這篇文章主要給大家介紹了關(guān)于微信小程序WXSS和全局、頁(yè)面配置的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-08-08
子窗體與父窗體之見(jiàn)互相傳值實(shí)現(xiàn)使用中很頻繁，本文以一個(gè)小示例拋磚引玉，希望大家可以舉一反三2013-08-08
本文主要介紹了JavaScript中apply 、call的相關(guān)知識(shí)。具有很好的參考價(jià)值。下面跟著小編一起來(lái)看下吧2017-03-03
Firefox 包含了一個(gè)非標(biāo)準(zhǔn)的 JavaScript 擴(kuò)展，使正則像函數(shù)一樣可調(diào)用。2008-04-04
layui導(dǎo)航欄二級(jí)菜單不顯示問(wèn)題及解決
這篇文章主要介紹了layui導(dǎo)航欄二級(jí)菜單不顯示問(wèn)題及解決方案，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-05-05
這篇文章主要介紹了淺談document.write()輸出樣式，十分的簡(jiǎn)單實(shí)用，有需要的小伙伴可以參考下。2015-05-05