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>課堂提問生成器</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]);
}
//沒有去重的原代碼
// 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é)果
以上就是本文的全部內(nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
取得傳值的函數(shù)...2006-10-10
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)放大鏡效果的思路與代碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-10-10
這篇文章主要為大家詳細(xì)介紹了js模擬實(shí)現(xiàn)京東詳情頁圖片放大效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-11-11
JavaScript中數(shù)組的sort()方法主要用于對(duì)數(shù)組的元素進(jìn)行排序。其中，sort()方法有一個(gè)可選參數(shù)。接下來通過本文給大家介紹數(shù)組Array.sort()排序的方法，需要的朋友參考下2017-03-03
無縫滾動(dòng)的簡單實(shí)現(xiàn)代碼(推薦)
下面小編就為大家?guī)硪黄獰o縫滾動(dòng)的簡單實(shí)現(xiàn)代碼(推薦)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-06-06
ES2020 已定稿,真實(shí)場(chǎng)景案例分析
許多新的特性被提議包括在 ES2020版本中。好消息是這些已經(jīng)已經(jīng)敲定。 現(xiàn)在，我們獲得了最終定稿的功能清單，它們將在被批準(zhǔn)發(fā)布之后出現(xiàn)在備受期待的 ES2020 中，具體內(nèi)容詳情，大家可以閱讀下本文2020-05-05
使用JS解析excel文件的完整實(shí)現(xiàn)步驟
解析excel文件是我們?nèi)粘ｉ_發(fā)中經(jīng)常遇到的一個(gè)需求,下面這篇文章主要給大家介紹了關(guān)于使用JS解析excel文件的完整實(shí)現(xiàn)步驟,文中通過示例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-10-10
js判斷數(shù)組中是否包含某個(gè)值的4種方法總結(jié)
這篇文章主要給大家總結(jié)介紹了關(guān)于js判斷數(shù)組中是否包含某個(gè)值的4種方法,數(shù)組是我們編程中經(jīng)常使用的的數(shù)據(jù)結(jié)構(gòu)之一,在處理數(shù)組時(shí)我們經(jīng)常需要在數(shù)組中查找特定的值,JavaScript 包含一些內(nèi)置方法來檢查數(shù)組是否有特定的值或?qū)ο?需要的朋友可以參考下2023-11-11
談?wù)勎覍?duì)JavaScript原型和閉包系列理解(隨手筆記8)
這篇文章主要介紹了談?wù)勎覍?duì)JavaScript原型和閉包系列理解(隨手筆記8)的相關(guān)資料,需要的朋友可以參考下2015-12-12
JavaScript設(shè)計(jì)模式經(jīng)典之命令模式
命令模式（Command）的定義是：用來對(duì)方法調(diào)用進(jìn)行參數(shù)化處理和傳送，經(jīng)過這樣處理過的方法調(diào)用可以在任何需要的時(shí)候執(zhí)行。接下來通過本文給大家介紹JavaScript設(shè)計(jì)模式經(jīng)典之命令模式，需要的朋友參考下2016-02-02