免费刷金币,请点击这里
TE社区 > 前端技术
客服QQ:1206116161

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

hanmacangying 于 2018-04-08 20:00:57 创建话题
(33)
(0)
举报

本文实例为大家分享了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.操作结果

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持TE网络。

扫码关注TE官方微博 扫码关注TE官方微博
IOS 详解socket编程[oc]粘包、半包处理 简介Python的collections模块中defaultdict类型的用法 Thinkphp5 微信公众号token验证不成功的原因及解决方法 jQuery动态显示和隐藏datagrid中的某一列的方法 获取URL文件名后缀 OS X Yosemite系统下载失败怎么办?OS X 10.10下载错误解决方法 PHP实现的数组和XML文件相互转换功能示例 vue-cli监听组件加载完成的方法 HTTPS混合内容解析附解决方法 android实现定时拍照并发送微博功能 jQuery实现鼠标经过事件的延时处理效果 Bootstrap输入框组件简单实现代码 iOS自学笔记之XIB的使用教程 详解javascript函数的参数 js判断是否按下了Shift键的方法 JS 仿腾讯发表微博的效果代码 Android 列表倒计时的实现的示例代码(CountDownTimer) python中函数传参详解 JS中用try catch对代码运行的性能影响分析 深入解析php中的foreach函数 一款纯css3实现简单的checkbox复选框和radio单选框 jQuery动态添加删除select项(实现代码) 深入理解PHP原理之执行周期分析 Javascript 创建类并动态添加属性及方法的简单实现 MS SQL Server2014链接到MS SQL Server 2000的解决方案及问题处理 python 判断网络连通的实现方法 Mysql单文件存储删除数据文件容量不会减少的bug与解决方法 flex压缩图片exif信息(作者_相机)丢失问题解决 EditPlus中的正则表达式实战(5) JSuggest自动匹配下拉框使用方法(示例代码) IOS 性能优化中离屏渲染 php 如何设置一个严格控制过期时间的session arcgis for js栅格图层叠加(Raster Layer)问题 JavaScript实现图片切换效果 浅析php中jsonp的跨域实例 js创建表单元素并使用submit进行提交 js 有框架页面跳转(target)三种情况下的应用 在javascript中使用com组件的简单实现方法 python实现textrank关键词提取 下雪了 javascript实现雪花飞舞 sqlserver 删除重复记录处理(转) jquery内置验证(validate)使用方法示例(表单验证) Three.js源码阅读笔记(物体是如何组织的) MSSQL批量插入数据优化详细 DB2常用傻瓜问题1000问(四)第1_2页 使用asp下的adodb.stream 下载文件而不是打开 js 获取后台的字段 改变 checkbox的被选中的状态 代码 基于header的一些常用指令详解 浅谈数据库事务四大特性 Bootstrap Tree View简单而优雅的树结构组件实例解析 jQuery简单实现遍历数组的方法 jquery随意添加移除html的实现代码 jQuery实现图片放大预览实现原理及代码 Python调用C++程序的方法详解 利用php下载xls文件(自己动手写的) 局域网共享 小心“内鬼”攻击 使用Grunt.js管理你项目的应用说明 jquery实现简单实用的打分程序实例 PHP中soap的用法实例 js监听鼠标点击和键盘点击事件并自动跳转页面 Python实现的knn算法示例 jQuery 研究心得 取得属性的值 Vue.js实现列表清单的操作方法 oracle备份恢复的具体方法 基于mpvue的小程序项目搭建的步骤 Python实现的密码强度检测器示例 nodejs实现获取某宝商品分类 ckeditor syntaxhighlighter代码高亮插件,完美修复 vue中各组件之间传递数据的方法示例 关于Asp代码与页面的分离模板技术第1_3页 Android源码中final关键字的用法及final,finally,finalize的区别 iOS实现点击微信头像(放大、缩放、保存)效果 Ajax打开新窗口被浏览器拦截的两种解决办法 Mac系统中怎么清除多余的邮件附件? IIS7.5调用asp页面出现800a0e7a的解决办法 js获取图片大小的函数代码 php使用memcoder将视频转成mp4格式的方法 解析 通过php socket并借助telnet实现简单的聊天程序 详解JavaScript ES6中的Generator Lua脚本语言概述 纯HTML5+CSS3制作图片旋转 Asp.Net修改上传文件大小限制方法 vue实现前进刷新后退不刷新效果 Ubuntu 8.04系统下Opera浏览器安装配置 菜鸟要了解的三种后门技术安全知识 jquery模拟按下回车实现代码 Javascript 浮点运算的问题分析与解决方法 基于javascript如何传递特殊字符 My Desktop ) 桌面式代码 Vue 2中ref属性的使用方法及注意事项 很棒的一组js图片轮播特效 BootStrapValidator初使用教程详解 MyBatis动态创建表的实例代码 vue.js 初体验之Chrome 插件开发实录 JavaScript学习笔记整理_setTimeout的应用 python用模块zlib压缩与解压字符串和文件的方法 Ubuntu下的PDF阅读器okular安装使用介绍 微信小程序 css使用技巧总结 解决Android 虚拟按键遮住了页面内容的问题 类型File的Input按钮功能研究 php一个文件搞定微信jssdk配置 jQuery加密密码到cookie的实现代码 JS操作数据库的实例代码 thinkphp分页集成实例 深入理解Python中装饰器的用法 基于jQuery ligerUI实现分页样式 Redis教程(十):持久化详解 Linux用户进程是如何释放内存的 eBay的网站架构演进以及技术特点解析 JavaScript中getUTCSeconds()方法的使用详解 JS网页播放声音实现代码兼容各种浏览器 CSS优先级和!important与IE6的BUG讨论及解决方案 asp.net 读取并修改config文件实现代码 python函数装饰器用法实例详解 js中unicode转码方法详解 Angular表单验证实例详解 基于javascript编写简单日历 ASP.NET小结之MVC, MVP, MVVM比较以及区别(一) 如何判断出一个js对象是否一个dom对象 对python list 遍历删除的正确方法详解 AngularJS中的包含详细介绍及实现示例 原生JS实现仿淘宝网左侧商品分类菜单效果代码 .Net Core项目如何添加日志功能详解 linux系统rpm安装包详解 详解Ruby中的单件方法和单件类 修改node.js默认的npm安装目录实例 qq邮箱的几个跨站的方式及修复方案(用word文档,flash跨站,文本型附件等) MongoDB安全及身份认证(实例讲解) Python 正则表达式实现计算器功能 jquery 获取表单元素里面的值示例代码 关于ASP循环表格的问题之解答[比较详细] Python实现求解括号匹配问题的方法 PHP基于自增数据如何生成不重复的随机数示例 iOS自带文本转语音技术(TTS)的实现即语音播报的实践 原生态js,鼠标按下后,经过了那些单元格的简单实例 js动态创建上传表单通过iframe模拟Ajax实现无刷新 最丑的时钟效果!js canvas时钟制作方法 JS限制Textarea文本域字符个数的具体实现 详解JavaScript的另类写法 WPF中自定义GridLengthAnimation Android仿人人客户端滑动菜单的侧滑菜单效果 CentOS系统中跟踪高IO等待详解 python 获取文件列表(或是目录例表) mac 装5.6版本mysql 设置密码的简易方法 关于div自适应高度_左右高度自适应一致的js代码 ajax调用简单实例 asp.net(C#)禁止缓存文件不让文件缓存到客户端 Linux系统如何使用iptables进行本地端口转发? 深入理解python对json的操作总结 PHP框架Laravel插件Pagination实现自定义分页 Android隐藏手机底部虚拟按键的方法 oracle查询锁表与解锁情况提供解决方案 Javascript入门学习资料收集整理篇 php实现的网页版剪刀石头布游戏示例 python中实现定制类的特殊方法总结 Android底部菜单栏实现的实例代码 jsp页面中两种方法显示当前时间的简单实例 MySQL无法创建外键的原因及解决方法 木马连接原理 Form表单上传文件(type='file')的使用 全面了解JavaScript的数据类型转换 使用yeoman构建angular应用的方法 基于Ubuntu 16.04设置固定IP的方法教程 微信小程序开发教程-手势解锁实例 迁移PHP版本到PHP7 ASP.NET保存PDF、Word和Excel文件到数据库 Javascript在IE和Firefox浏览器常见兼容性问题总结 浅谈javascript面向对象程序设计 Linux Shell脚本实现检测tomcat php resizeimage 部分jpg文件 生成缩略图失败的原因分析及解决办法 jquery如何通过name名称获取当前name的value值 基于NodeJS的前后端分离的思考与实践(一)全栈式开发 使用RequireJS优化JavaScript引用代码的方法 Hyper-V装CentOS需要的Linux Integration Components的步骤分享 全面解读PHP的人气开发框架Laravel AngularJS ng-repeat指令中使用track by子语句解决重复数据遍历错误问题 浅谈如何使用 webpack 优化资源 浅析showModalDialog数据缓存问题(用禁止浏览器缓存解决) 使用django-suit为django 1.7 admin后台添加模板 修改域名ip地址 DNS服务器更新问题一览 javascript中SetInterval与setTimeout的定时器用法 统计网卡流量的两段shell脚本(使用ifconfig) js实现带进度条提示的多视频上传功能 javascript英文日期(有时间)选择器 jQuery动态添加、删除元素的方法 在Ruby中查找和执行方法 PyQt5每天必学之日历控件QCalendarWidget Marquee标记在XHTML代码中该如何用 SQL连接查询介绍 [js高手之路]HTML标签解释成DOM节点的实现方法 webpack学习教程之前端性能优化总结 js中iframe调用父页面的方法 Nmap网络安全扫描器说明(3) 在织梦中添加腾讯微博最新动态信息的方法 JS对img进行操作(换图片_切图_轮换_停止) ASP下使用FCKeditor在线编辑器的方法 四种参数传递的形式——URL,超链接,js,form表单 jQuery实现form表单基于ajax无刷新提交方法详解 Bootstrap基本样式学习笔记之图片(6) JS实现线性表的顺序表示方法示例【经典数据结构】
科技公司首陆页HTML5模板.zip 360应用市场jQuery幻灯片.zip 小额贷款公司网站模板.zip 微信小程序源码-轻客洗衣 jQuery带时钟网站幻灯片代码.zip jQuery手机触屏滑动切换幻灯片.zip html5响应式模版Brandi.zip jQuery页面楼层滚动显示进度代码 jQuery定位滚动导航效果代码.zip jQuery网格视图图片画廊.zip 【PHP源码】十五工作室源码_hent.zip 完整版的java swing 教务系统 myFirstIntnet 安卓网络编程的登陆 和查询 【PHP源码】文件管理器(PHP)_loaddir.zip jQuery图片自适应排列显示代码.zip jQuery纵向TAB星期任务列表代码.zip 3图并列jquery焦点图代码.zip spring 结合 websocket 做的小例子 支持消息推送给所有用户 创意家居设计网站模板.zip 微信小程序 - 微商城.zip 仿微信朋友圈图片浏览 jQuery手机招聘网站下拉选择代码.zip 文字翻转特效modernizr.js.zip java-office转化为pdf 暗蓝色古街设计网页模板.zip 多米音乐高品质MP3自适应手机wap软件模板.zip 因酷(inxedu)开源网络课堂系统 iscroll简单的下拉刷新上拉加载 摄影爱好者html5网站模板.zip 会议主题html5网页模板.zip CSS3齿轮加载Loading动画特效.zip jQuery UI导航菜单按钮.zip 电子邮件注册页面fotos.zip Noka tag 软件标签 v3.0 【ASP.NET源码】knetbbs v4.0.2_knetbbs4.zip 印刷行业公司网站模板.zip CSS3复选框和单选按钮美化.zip 在线交友网页模板下载.zip jquery滚动到顶部底部.zip bootstrap风格的后台界面模板 jQuery页面向下滚动导航固定代码.zip 仿厚工坊官方3G触屏版手机企业网站模板.zip jquery聚焦表单高亮.zip 物流运输公司网站模板.zip jQuery+CSS3网页底部炫酷工具条.zip css3响应式滑动菜单.zip java EE MVC架构餐饮管理系统下载,前端+后台管理 【ASP.NET源码】X3BLOG(ASP.NET开源多用户博客系统) 1.1.0 beta1 源代码_x3blog.zip jQuery幻灯片插件Slippry.zip JS拼图游戏代码.zip jQuery实现滚动新闻代码下载.zip 创想商务网站jQuery焦点图.zip CSS带返回顶部右侧悬浮菜单.zip css3 transform属性相册图片墙代码.zip 扁平设计HTML5网站模板.zip HTML5手机网页视频播放器代码.zip 扁平宽屏公司网站单页模板.zip java基于BS结构下的OA流程可视化的研究与实现(源代码+论文) jQuery动态百分比进度加载代码.zip jQuery 抽奖转盘demo jquery两级菜单带返回按钮.zip Wordpress Space Blog.zip SSH框架编写的登录注册及人员的增删查询 jQuery左右摇晃焦点图切换.zip IE6下PNG背景透明的方法.zip jQuery+CSS3全页图片画廊.zip 【PHP源码】OKPHP综合社区 v6.32_okphp.zip 大屏幻灯片HTML网站模板.zip jQuery页面窗口拖动预览效果.zip 微信小程序源码-weapp-weipiao jQuery带放大镜LightBox画廊代码.zip HTML5 Canvas下雪效果插件.zip Java 文件压缩与解压缩实践 css3网页加载动画图标下载.zip 国际商务学院网页模板.zip jQuery鱼骨图形式信息展示代码.zip springMVC和mybatis整合,mybatis使用注解模式 FragmentTabhost实例 jquery纵向幻灯片选项卡.zip jQuery弹出层图片动画查看代码.zip jQuery下一个素描预览幻灯片.zip Angularjs城市街道选择代码.zip jquery滑出式导航菜单.zip jQuery天空满天星动画代码.zip CSS3超酷环形动画菜单.zip jquery元素相对定位插件.zip Bootstrap3扁平垂直手风琴代码.zip jQuery视差插件ImageScroll.zip SSH实现的增删改查实例 棒球比赛HTML5网页模板.zip jQuery网格布局大小图切换.zip 绿色条纹css3进度条代码.zip jQuery商品发布三级联动菜单代码.zip 蓝色超炫css+div模板下载.zip HTML5 3D折页立体焦点图代码.zip iphone单选框复选框样式.zip css3立体相册突出效果.zip 蓝色程序UI设计网站模板.zip jQuery仿腾讯首页搜索框样式.zip 【ASP.NET源码】七星彩(海南彩)虚拟下注擂台_ssbet.zip 新浪游戏首页jQuery幻灯片.zip jquery下拉点击改变背景图片代码.zip jQuery全屏背景图片导航菜单代码.zip jquery desoslide幻灯片插件.zip jQuery全屏动态滚动特效.zip 红色简洁图文介绍模板.zip qq空间遮罩层jQuery相册切换.zip 【PHP源码】phpMyAdmin v2.9.0.3 For Linux_phpmyadmin29.zip jquery弹出层特效 支持拖动.zip 2016年七夕情人节倒计时代码.zip 农作物种植业HTML5模板.zip jQuery三维折叠面板展开收缩特效.zip 左右按钮tab选项卡双切换.zip jquery上下左右图片无缝滚动代码.zip 医学企业网页模板下载.zip 微俱聚网站jQuery在线客服代码.zip 【PHP源码】木翼二级域名系统v1.1_wingdomain11.zip js可拖拽最大最小化弹出层窗口.zip 微信小程序源码-法律条文node后端 视频分享网站CSS模板.zip 微信小程序源码-地图定位 jQuery多图3D旋转图片轮播.zip 帝国CMS 61贝贝网模板.zip jQuery鼠标滚动控制全屏页面滚动.zip jQuery悬停弹出遮罩显示按钮代码.zip 【PHP源码】PhpQuestionnaire2.2问卷调查系统汉化版_phpquestionnaire2.2_cn.zip 音悦台首页满屏jQuery幻灯片.zip jQuery扁平水平滑动Tab选项卡.zip html5制作3D拳击游戏源码下载.zip jq应用程序文件夹.zip jQuery+HTML5微信大转盘抽奖代码.zip 基于注解配置的spring mvc+jpa 微信小程序 - 仿手机淘宝.zip jQuery全屏两栏垂直滚动切换特效.zip 【PHP源码】求职者tdweb汉化版 v1.1_jobtdwebv1.1.zip 黑色新闻媒体整站模板.zip 艺术画廊CSS网页模板.zip 网页java applet串口通信读取RFID电子标签读写 爱心互助公益网站模板.zip HTML5+CSS3卡片抽出动画.zip 黑色质感html网页模板.zip jQ鼠标悬停遮罩显示分享按钮.zip jQuery控件简易日历表格代码.zip jquery动画滑动幻灯片展示.zip 【PHP源码】TurboDbAdmin 0.2.3_turbodbadmin_0.2.3.zip jquery不同设备表格调整.zip Java模拟QQ聊天室,聊天系统 cxSlide带标题和按钮焦点图.zip UI留言评论css3样式.zip JS推箱子游戏源代码.zip CSS3实现超酷图片镜像效果.zip 基于 Struts2.2,Spring2.5, Hibernate3.2 框架开发的人力资源管理系统 简洁风格商品销售模板.zip jQuery图片自动添加水印插件.zip 可拖拽和带预览图的jQuery文件上传插件ssi-uploader java后台代码 jQuery鼠标滑过图片3D透视代码.zip 物理弹性滚动对联广告代码.zip jquery自定义添加标签.zip jQuery底部自动填充瀑布流代码.zip 房产中介公司网站模板.zip jquery光标跟随360导航.zip 响应式下拉菜单插件jquery.cbFlyout.zip jQuery仿IOS滚动插件Nicescroll3.zip 带放大效果jquery左右滚动图片代码.zip 书籍翻页效果的demo 铜师傅官网ecshop模板.zip 绿色企业CSS网页模板.zip 纯javascript实现json与对象的互相转换项目 情趣内衣销售网站模板.zip jQuery类似放大镜缩略图切换.zip jquery茶壶360度图片旋转特效.zip jQuery仿新浪微博高度自适应滚动代码.zip 房产别墅经纪公司网站模板.zip 基于WEB的网上招聘管理系统 身体质量指数计算器(BMI) jQuery半透明抽屉式手风琴代码.zip 微信小程序源码-轮播图+菜单 减肥食谱css网站模板.zip s2sh开发的java源代码分享网(源码已开源) 多种功能js日历插件.zip 仿淘宝首页jquery焦点图.zip 可自动缩放的JS弹性相册代码.zip CSS3实现3D信用卡动画特效.zip 微信小程序源码-电话黄页,违章查询 空白项目Spring+SpringMvc+Mybatis配Maven环境 jquery标签云无规则样式.zip APK反编译, 编译为java源码 和谐家庭儿童网站模板.zip 基于SSM、shiro的企业权限管理系统 jQuery带背景切换登录注册表单.zip struts2+hibernate+spring实现的二级联动下拉列表 弹性滚动对联广告代码.zip 大前端wordpress绿色主题.zip h+ 后台管理模板框架源码html h5 扁平化大气的动漫培训公司网站html模板下载.zip jQuery移动端竖直分类菜单切换代码.zip jQuery数学公式编辑器特效.zip jQuery表单步骤流程导航.zip 响应式驾校官网HTML模板.zip jQ移动平台滑动菜单.zip
举报X