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 相关文章推荐
javascript 获取函数形参个数
Jul 31 Javascript
JS控制按钮10秒钟后可用的方法
Dec 22 Javascript
jQuery获取多种input值的简单实现方法
Jun 20 Javascript
js中获取 table节点各tr及td的内容简单实例
Oct 14 Javascript
JavaScript DOM节点操作实例小结(新建,删除HTML元素)
Jan 19 Javascript
js实现二级导航功能
Mar 03 Javascript
angularjs实现首页轮播图效果
Apr 14 Javascript
vue webuploader 文件上传组件开发
Sep 23 Javascript
基于three.js编写的一个项目类示例代码
Jan 05 Javascript
Vue 源码分析之 Observer实现过程
Mar 29 Javascript
微信小程序中使用自定义图标(阿里icon)的方法
Aug 20 Javascript
浅谈vue 锚点指令v-anchor的使用
Nov 13 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
页面乱码问题的根源及其分析
2013/08/09 PHP
PHP生成zip压缩包的常用方法示例
2019/08/22 PHP
php设计模式之原型模式分析【星际争霸游戏案例】
2020/03/23 PHP
javascript学习随笔(使用window和frame)的技巧
2007/03/08 Javascript
基于jquery的兼容各种浏览器的iframe自适应高度的脚本
2010/08/13 Javascript
Node.js:Windows7下搭建的Node.js服务(来玩玩服务器端的javascript吧,这可不是前端js插件)
2011/06/27 Javascript
Jquery+asp.net后台数据传到前台js进行解析的方法
2014/05/11 Javascript
JavaScript数组常用方法
2015/03/02 Javascript
JS实现获取剪贴板内容的方法
2016/06/21 Javascript
JS 实现可停顿的垂直滚动实例代码
2016/11/23 Javascript
JS验证全角与半角及相互转化的介绍
2017/05/18 Javascript
Angular 4依赖注入学习教程之InjectToken的使用(八)
2017/06/04 Javascript
基于jquery trigger函数无法触发a标签的两种解决方法
2018/01/06 jQuery
vue 录制视频并压缩视频文件的方法
2018/07/27 Javascript
JavaScript this绑定过程深入详解
2018/12/07 Javascript
jQuery事件绑定和解绑、事件冒泡与阻止事件冒泡及弹出应用示例
2019/05/13 jQuery
详解JavaScript中的坐标和距离
2019/05/27 Javascript
Vue解析剪切板图片并实现发送功能
2020/02/04 Javascript
JavaScript享元模式原理与用法实例详解
2020/03/09 Javascript
ant design vue 表格table 默认勾选几项的操作
2020/10/31 Javascript
python写入已存在的excel数据实例
2018/05/03 Python
Python3 安装PyQt5及exe打包图文教程
2019/01/08 Python
OpenCV 边缘检测
2019/07/10 Python
python实现交并比IOU教程
2020/04/16 Python
Merrell美国官网:美国登山运动鞋品牌
2018/02/07 全球购物
双立人美国官方商店:ZWILLING集团餐具和炊具
2020/05/07 全球购物
小学五年级学生评语
2014/04/22 职场文书
计算机网络及管理学专业求职信
2014/06/05 职场文书
文案策划专业自荐信
2014/07/07 职场文书
幼儿园教师节活动总结
2015/03/23 职场文书
逃课检讨书范文
2015/05/06 职场文书
退休教师欢送会致辞
2015/07/31 职场文书
来探秘“德国中小企业”的成功之道
2019/07/26 职场文书
深入浅析Redis 集群伸缩原理
2021/05/15 Redis
Springboot/Springcloud项目集成redis进行存取的过程解析
2021/12/04 Redis
JavaScript最完整的深浅拷贝实现方式详解
2022/02/28 Javascript