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 - HTML的request类
Jan 09 Javascript
ajax请求get与post的区别总结
Nov 04 Javascript
js动态往表格的td中添加图片并注册事件
Jun 12 Javascript
jQuery使用元素属性attr赋值详解
Feb 27 Javascript
对JavaScript客户端应用编程的一些建议
Jun 24 Javascript
js小数运算出现多位小数如何解决
Oct 08 Javascript
jquery获取所有选中的checkbox实现代码
May 26 Javascript
Vue2单一事件管理组件通信
May 09 Javascript
VUE 实现滚动监听 导航栏置顶的方法
Sep 11 Javascript
解决vue自定义全局消息框组件问题
Nov 22 Javascript
原生微信小程序开发中 redux 的使用详解
Feb 18 Javascript
vue本地构建热更新卡顿的问题“75 advanced module optimization”完美解决方案
Aug 05 Vue.js
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
linux系统下php安装mbstring扩展的二种方法
2014/01/20 PHP
PHP中使用socket方式GET、POST数据实例
2015/04/02 PHP
php json中文编码为null的解决办法
2016/12/14 PHP
js资料prototype 属性
2007/03/13 Javascript
JS 动态加载脚本的4种方法
2009/05/05 Javascript
JavaScript 学习笔记(十六) js事件
2010/02/01 Javascript
基于jquery &amp; json的省市区联动代码
2012/06/26 Javascript
easyui Droppable组件实现放置特效
2015/08/19 Javascript
学习vue.js计算属性
2016/12/03 Javascript
原生js实现新闻列表展开/收起全文功能
2017/01/20 Javascript
详解vue项目优化之按需加载组件-使用webpack require.ensure
2017/06/13 Javascript
vue项目部署上线遇到的问题及解决方法
2018/06/10 Javascript
解决vue中post方式提交数据后台无法接收的问题
2018/08/11 Javascript
vue项目中全局引入1个.scss文件的问题解决
2019/08/01 Javascript
jQuery实现鼠标移入显示蒙版效果
2020/01/11 jQuery
js节流防抖应用场景,以及在vue中节流防抖的具体实现操作
2020/09/21 Javascript
Python实现115网盘自动下载的方法
2014/09/30 Python
举例详解Python中threading模块的几个常用方法
2015/06/18 Python
Python基于jieba库进行简单分词及词云功能实现方法
2018/06/16 Python
python读取大文件越来越慢的原因与解决
2019/08/08 Python
Python树莓派学习笔记之UDP传输视频帧操作详解
2019/11/15 Python
Python第三方包之DingDingBot钉钉机器人
2020/04/09 Python
python如何调用百度识图api
2020/09/29 Python
实例讲解使用SVG制作loading加载动画的方法
2016/04/05 HTML / CSS
美国生日蛋糕店:Bake Me A Wish!
2017/02/08 全球购物
英国顶级珠宝品牌之家:John Greed
2018/06/09 全球购物
Amcal中文官网:澳洲综合性连锁药房
2019/03/28 全球购物
维多利亚的秘密阿联酋官网:Victoria’s Secret阿联酋
2019/12/07 全球购物
"引用"与多态的关系
2013/02/01 面试题
给女朋友的道歉信
2014/01/10 职场文书
增员口号大全
2014/06/18 职场文书
食品委托检验协议书范本
2014/09/12 职场文书
竞选纪律委员演讲稿
2014/09/13 职场文书
财务工作犯错检讨书
2014/10/07 职场文书
高中生期中考试失利检讨书
2014/10/23 职场文书
Win10多屏显示如何设置?Win10电脑多屏显示设置操作方法
2022/07/07 数码科技