欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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ù)

    取得傳值的函數(shù)

    取得傳值的函數(shù)...
    2006-10-10
  • js實(shí)現(xiàn)放大鏡效果的思路與代碼

    js實(shí)現(xiàn)放大鏡效果的思路與代碼

    這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)放大鏡效果的思路與代碼,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2021-10-10
  • js模擬實(shí)現(xiàn)京東詳情頁圖片放大效果

    js模擬實(shí)現(xiàn)京東詳情頁圖片放大效果

    這篇文章主要為大家詳細(xì)介紹了js模擬實(shí)現(xiàn)京東詳情頁圖片放大效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2021-11-11
  • 詳解數(shù)組Array.sort()排序的方法

    詳解數(shù)組Array.sort()排序的方法

    JavaScript中數(shù)組的sort()方法主要用于對(duì)數(shù)組的元素進(jìn)行排序。其中,sort()方法有一個(gè)可選參數(shù)。接下來通過本文給大家介紹數(shù)組Array.sort()排序的方法,需要的朋友參考下
    2017-03-03
  • 無縫滾動(dòng)的簡單實(shí)現(xiàn)代碼(推薦)

    無縫滾動(dòng)的簡單實(shí)現(xiàn)代碼(推薦)

    下面小編就為大家?guī)硪黄獰o縫滾動(dòng)的簡單實(shí)現(xiàn)代碼(推薦)。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2016-06-06
  • ES2020 已定稿,真實(shí)場(chǎng)景案例分析

    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)步驟

    使用JS解析excel文件的完整實(shí)現(xiàn)步驟

    解析excel文件是我們?nèi)粘i_發(fā)中經(jīng)常遇到的一個(gè)需求,下面這篇文章主要給大家介紹了關(guān)于使用JS解析excel文件的完整實(shí)現(xiàn)步驟,文中通過示例代碼介紹的非常詳細(xì),需要的朋友可以參考下
    2022-10-10
  • js判斷數(shù)組中是否包含某個(gè)值的4種方法總結(jié)

    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)

    這篇文章主要介紹了談?wù)勎覍?duì)JavaScript原型和閉包系列理解(隨手筆記8)的相關(guān)資料,需要的朋友可以參考下
    2015-12-12
  • JavaScript設(shè)計(jì)模式經(jīng)典之命令模式

    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

最新評(píng)論