JavaScript实现随机数生成器(去重)


Posted in Javascript onOctober 13, 2017

本文实例为大家分享了js实现随机数生成器的具体代码,供大家参考,具体内容如下

1.实验前准备:

Math函数的理解

数组方法的理解

2.实验操作:

<!DOCTYPE html> 
<html lang="en"> 
<head> 
  <meta charset="UTF-8"> 
  <title>随机数生成</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>产生随机数的范围:</label><input type="text" id="min">--<input type="text" id="max"></br> 
    <label>需要产生多少个随机数:</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(); })  //把按顺序存储的数组打乱 
    for(var i=0;i<num;i++){ 
    result+=oArray[i]+","; 
  } 
  document.getElementById("result").innerText=result; 
} 
</script> 
</html>

3.操作结果

JavaScript实现随机数生成器(去重)

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JS 自定义函数缺省值的设置方法
May 05 Javascript
node.js中的forEach()是同步还是异步呢
Jan 29 Javascript
浅谈JavaScript中的作用域和闭包问题
Jul 07 Javascript
javascript如何创建对象
Aug 29 Javascript
运用js教你轻松制作html音乐播放器
Apr 17 Javascript
BootStrapTable 单选及取值的实现方法
Jan 10 Javascript
bootstrap手风琴折叠示例代码分享
May 22 Javascript
package.json文件配置详解
Jun 15 Javascript
vue+element实现打印页面功能
May 20 Javascript
vue.js 2.0实现简单分页效果
Jul 29 Javascript
javascript二维数组和对象的深拷贝与浅拷贝实例分析
Oct 26 Javascript
vantUI 获得piker选中值的自定义ID操作
Nov 04 Javascript
AngualrJs清除定时器遇到的坑
Oct 13 #Javascript
React Native中Navigator的使用方法示例
Oct 13 #Javascript
React Native中TabBarIOS的简单使用方法示例
Oct 13 #Javascript
ReactJS实现表单的单选多选和反选的示例
Oct 13 #Javascript
Angular.js通过自定义指令directive实现滑块滑动效果
Oct 13 #Javascript
捕获未处理的Promise错误方法
Oct 13 #Javascript
解决ie img标签内存泄漏的问题
Oct 13 #Javascript
You might like
用PHP实现验证码功能
2006/10/09 PHP
基于PHPExcel的常用方法总结
2013/06/13 PHP
PHP ajax 异步执行不等待执行结果的处理方法
2015/05/27 PHP
php闭包中使用use声明变量的作用域实例分析
2018/08/09 PHP
laravel框架中表单请求类型和CSRF防护实例分析
2019/11/23 PHP
javascript使用数组的push方法完成快速排序
2014/09/15 Javascript
JS中Location使用详解
2015/05/12 Javascript
jQuery插件简单学习实例教程
2016/07/01 Javascript
JS实现图片上传预览功能
2016/11/21 Javascript
JavaScript基本类型值-Undefined、Null、Boolean
2017/02/23 Javascript
bootstrapvalidator之API学习教程
2017/06/29 Javascript
命令行批量截图Node脚本示例代码
2019/01/25 Javascript
微信小程序实现的自定义分享功能示例
2019/02/12 Javascript
Vue循环中多个input绑定指定v-model实例
2020/08/31 Javascript
[56:12]LGD vs Optic Supermajor小组赛D组胜者组决赛 BO3 第一场 6.3
2018/06/04 DOTA
python实现的简单抽奖系统实例
2015/05/22 Python
python函数局部变量用法实例分析
2015/08/04 Python
Python正则表达式使用范例分享
2016/12/04 Python
Python使用pickle模块实现序列化功能示例
2018/07/13 Python
python中的常量和变量代码详解
2018/07/25 Python
python开启摄像头以及深度学习实现目标检测方法
2018/08/03 Python
python编写计算器功能
2019/10/25 Python
浅谈opencv自动光学检测、目标分割和检测(连通区域和findContours)
2020/06/04 Python
基于tensorflow for循环 while循环案例
2020/06/30 Python
小白教你PyCharm从下载到安装再到科学使用PyCharm2020最新激活码
2020/09/25 Python
python 可视化库PyG2Plot的使用
2021/01/21 Python
印度领先的在线时尚商店:Koovs
2016/08/28 全球购物
Mio Skincare美国官网:身体紧致及孕期身体护理
2017/03/05 全球购物
PHP面试题-$message和$$message的区别
2015/12/08 面试题
.net软件工程师面试题
2015/03/31 面试题
企业仓管员岗位职责
2014/06/15 职场文书
后备干部推荐材料
2014/12/24 职场文书
办公室主任个人总结
2015/02/28 职场文书
遗失证明范文
2015/06/19 职场文书
聊聊配置 Nginx 访问与错误日志的问题
2022/05/25 Servers
MYSQL如何查看操作日志详解
2022/05/30 MySQL