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

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

hanmacangying 于 2018-04-08 20:00:57 创建话题
(36)
(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官方微博
python爬取淘宝商品详情页数据 jQuery UI Datepicker length为空或不是对象错误的解决方法 基于vue实现多引擎搜索及关键字提示 Laravel 5 框架入门(一) python+opencv实现的简单人脸识别代码示例 javascript游戏开发之《三国志曹操传》零部件开发(五)可移动地图的实现 Vue.set()动态的新增与修改数据,触发视图更新的方法 JS组件Bootstrap dropdown组件扩展hover事件 利用PHP实现短域名互转 IP地址与整数之间的转换实现代码(asp.net) JS检测图片大小的实例 可以让IE假死的HTML代码 使用node.js半年来总结的 10 条经验 js防止表单重复提交的两种方法 ASP.NET购物车实现过程详解 asp模板引擎终结者(WEB开发之ASP模式) Javascript的this用法 Javascript仿新浪游戏频道鼠标悬停显示子菜单效果 非常漂亮的Div+CSS布局入门教程第1_5页 AngularJS使用ng-Cloak阻止初始化闪烁问题的方法 JQuery学习笔录 简单的JQuery JavaScript对象的property属性详解 html中表示颜色的方式有6位16进制代码及rgb或关键字 JavaScript高级程序设计 阅读笔记(十四) js继承机制的实现 js写的评论分页(还不错) Angular移动端页面input无法输入的解决方法 php限制上传文件类型并保存上传文件的方法 基于JS实现类似支付宝支付密码输入框 KVM或XEN虚拟机应对毒液漏洞的方法 python使用sorted函数对列表进行排序的方法 CodeIgniter框架钩子机制实现方法【hooks类】 form表单action提交的js部分与html部分 Exitjs获取DataView中图片文件名 PHP图形计数器程序显示网站用户浏览量 Win7下搭建python开发环境图文教程(安装Python、pip、解释器) node.js连接mongoDB数据库 快速搭建自己的web服务 CentOS 6.6下Redis安装配置记录 ios利用正则表达式判断手机号码格式是否正确的实例 jQuery实现弹出窗口弹出div层的实例代码 举例详解Python中的split()函数的使用方法 在CentOS 7.2下安装Mono 5.0的方法教程 JavaScript 指导方针 JavaScript中 this 指向问题深度解析 VueJs与ReactJS和AngularJS的异同点 linux shell 管道命令(pipe)使用及与shell重定向区别 小程序视频列表中视频的播放与停止的示例代码 Vue.js双向绑定操作技巧(初级入门) Angular ng-repeat遍历渲染完页面后执行其他操作详细介绍 MAC修改Dock烟雾效果及设置抓屏快捷键的方法 JavaScript记录光标在编辑器中位置的实现方法 JavaScript的React框架中的JSX语法学习入门教程 Python实现统计代码行的方法分析 Csh的基本语法介绍 jquery仿苹果的时间_日期选择效果 Mysql Sql语句注释大全 javascript URL锚点取值方法 ASP.NET实现按拼音码模糊查询的方法 Android Camera2采集摄像头原始数据 JavaScript encodeURI 和encodeURIComponent js封装tab标签页实例分享 给PHP开发者的编程指南 第一部分降低复杂程度 python如何爬取个性签名 Dcloud的native.js直接拨打电话Android实例代码 JavaScript操作XML 使用百度RSS作为新闻源示例 指定网页的doctype解决CSS Hacking方法总结 jquery获取select,option所有的value和text的实例 Vue的MVVM实现方法 实现Asp.net mvc上传头像加剪裁功能 JS实现带圆弧背景渐变效果的导航菜单代码 Javascript编程之继承实例汇总 javascript按顺序加载运行js方法 ASP生成伪参数程序设计技巧 Mac与Win7_8_10之间怎么通过Wifi无线传输文件? iscroll-probe实现下拉刷新和下拉加载效果 Javascript中八种遍历方法的执行速度深度对比 js密码强度校验 CentOS 文件通配符讲解 PostgreSQL教程(十六):系统视图详解 使用requests库制作Python爬虫 ASP.NET性能优化之局部缓存分析 查找php配置文件php.ini所在路径的二种方法 js 实现的可折叠留言板(附源码下载) JavaScript中split() 使用方法汇总 逻辑表达式中与或非的用法详解 jquery如何获取元素的滚动条高度等实现代码 Symfony2中被遗弃的getRequest()方法分析 Highlight patterns within strings android教程之把自己的应用加入到系统分享中 jQuery插件HighCharts实现的2D面积图效果示例【附demo源码下载】 fedora16英文环境下支持中文输入法的方法介绍(图) oracle数据库导入导出命令使用方法 Data URI和MHTML完整解决所有浏览器 利用java实现邮箱群发功能 jQuery判断checkbox是否选中的小例子 js实现一键复制功能 详解使用pymysql在python中对mysql的增删改查操作(综合) JS基于VML技术实现的五角星礼花效果代码 关于内容的分离,正则抽出图片(一定要加精哦) JavaScript利用Date实现简单的倒计时实例 jquery操作复选框checkbox的方法汇总 javascript 数组排序函数 bootstrap+jQuery实现的动态进度条功能示例 Python探索之实现一个简单的HTTP服务器 linux Apache 环境下安装AWStatsWEB日志分析工具 React通过父组件传递类名给子组件的实现方法 JavaScript数据存储 Cookie篇 在HTML文档中嵌入JavaScript的四种方法 php验证码生成代码 ASP.NET Lable中进行换行解决方案 设置.net1.1 .net2.0安全 防止iisspy 防止aspx木马等 PHP中判断变量为空的几种方法小结 3种php生成唯一id的方法 基于jquery的手风琴图片展示效果实现方法 JS+html5 canvas实现的简单绘制折线图效果示例 SQL查询连续号码段的巧妙解法 js浏览器本地存储store.js介绍及应用 Jquery实现由下向上展开效果的例子 JavaScript 开发规范要求(图文并茂) Javascript调试脚本的经验之谈第1_2页 js实现精美的图片跟随鼠标效果实例 正则表达式 匹配至少有一个非空白字符并且不超过指定长度 python 二分查找和快速排序实例详解 SQL Server配置管理器无法连接到WMI提供程序 实现PHP框架系列文章(6)mysql数据库方法 Django框架多表查询实例分析 利用HTML5绘制点线面组成的3D图形的示例 vue实现图书管理demo详解 Moniker域名转出教程 获取域名转移码(图文) Android使用CountDownTimer模拟短信验证倒计时 js资料prototype 属性 Angular服务Request异步请求的实例讲解 MySQL存储结构用法案例分析 JSP由浅入深(2)—— 第一个JSP jQuery插件编写步骤详解 在Python中使用poplib模块收取邮件的教程 详解Python设计模式编程中观察者模式与策略模式的运用 实例详解Node.js 函数 php将access数据库转换到mysql数据库的方法 网页制作学习教程 CSS Position Vue 中对图片地址进行拼接的方法 JSP之表单提交get和post的区别详解及实例 AngularJS中的缓存使用 Python入门教程之if语句的用法 BootStrapTable服务器分页实例解析 IE的fireEvent方法概述及应用 Bootstrap实现的标签页内容切换显示效果示例 javascript实现五星评价代码(源码下载) Jquery简单实现GridView行高亮的方法 分享几种比较简单实用的JavaScript tabel切换 详解如何使用Docker部署一个web项目并打包成镜像文件 详解linux系统调用原理 Linux系统中vim工具常用命令大全 ES6 中可以提升幸福度的小功能 Angular 5.0 来了! 有这些大变化 iOS中利用UIBezierPath + CAAnimation实现心跳动画效果 Python实现获取前100组勾股数的方法示例 js中通过split函数分割字符串成数组小例子 php精确的统计在线人数的方法 Oracle中建立了dblink怎么使用 python基础教程之缩进介绍 asp.net 利用NPOI导出Excel通用类的方法 Js FCKeditor的值获取和修改的代码小结 Ajax基础与登入教程 Ubuntu安装配置tomcat9教程 机器学习经典算法-logistic回归代码详解 Python实现定时精度可调节的定时器 JQuery实现列表中复选框全选反选功能封装(推荐) 十五招提升服务器安全等级 JS实现淡入淡出图片效果的方法分析 Android中AOP的应用实践之过滤重复点击 jquery+ashx无刷新GridView数据显示插件(实现分页、排序、过滤功能) JavaScript类继承及实例化的方法 Angular 路由route实例代码 网页设计者需要了解的_网页字体大小数据参考 JS实现数组去重复值的方法示例 Java实现的数组去重与排序操作详解 JS根据浏览器窗口大小实时动态改变网页文字大小的方法 [asp]天枫AJAX blog V1.0 程序提供下载了 记录服务器rm -rf误删文件的恢复过程 详解Lua中的变量相关知识点 asp+ajax实现静态页面分页的代码 浅谈JS验证表单文本域输入空格的问题 使用vuex缓存数据并优化自己的vuex-cache javascript实现跨域的方法汇总 javascript中'_'运算符常见错误 jQuery实现类似标签风格的导航菜单效果代码 Python使用functools模块中的partial函数生成偏函数 MYSQL必知必会读书笔记第二章之版本更改 Python列表计数及插入实例 使用Angular CLI生成 Angular 5项目教程详解 nginx 让users有权限启动的两种方法 Python使用pip安装报错:is not a supported wheel on this platform的解决方法 JavaScript中的this机制 JQuery事件e参数的方法preventDefault()取消默认行为 Javascript常用小技巧汇总 js下获得客户端操作系统的函数代码(1 vista,2 windows7,3 2000,4 xp,5 2003,6 2008) Nodejs实现多房间简易聊天室功能 SQL排除重复结果只取字段最大值分享 保护你的Sqlite数据库(SQLite数据库安全秘籍) ASP.NET两个截取字符串的方法分享
jQuery右键自定义菜单.zip Java扫雷 HTML5 SVG卡通小动物动画特效.zip 影视制作wordpress主题.zip jQuery搜狗浏览器4.2专题页.zip jQuery随机选择音乐试题代码.zip 纵向索引按钮jquery焦点图.zip 适合做图片类网站的jQuery特效.zip jQuery仿阿里云购买日期选择代码.zip 微信小程序源码-包裹转运物流小程序 电影网站常用jquery焦点图.zip hardrive投资组合网站模板.zip jQuery带左右箭头图片滑动特效.zip 红色风格HTML5销售模板.zip jQuery仿天猫商品飞入购物车代码.zip CSS3扁平化面包屑导航.zip 女性时尚单页网站模板.zip 红色视差css网页模板.zip 大气旅游行业网站模板.zip jQ海尔官网全屏焦点图.zip jquery万年历日期时间代码.zip CSS3页面元素倾斜效果.zip jquery图片居中放大代码.zip 微信小程序源码-外卖商城 HTML5粒子效果文字动画.zip 14款不同效果的圆点切换特效.zip ChinaJoy的Flash四屏焦点图.zip 基于Bootstrap手风琴菜单代码.zip 微信小程序源码-小程序地图Demo 灰指甲产品淘宝客单页面专题DEDE模板.zip jQuery全屏内容插件.zip CSS3制作3D图片立方体旋转特效.zip 【ASP.NET源码】ROYcms网站信息管理系统_roycms.web.zip 网上花店HTML绿色模板.zip 微信小程序源码-优惠券卡卷小程序 宽屏摄影作品案例网页模板.zip jQuery实现的iPhone解锁界面.zip 混合水果CSS网页模板.zip jquery环形图片旋转.zip js图片轮播滚动.zip 【PHP源码】Google Pagerank Inspector v1.0_googlepagerank.zip APP应用设计网页模板.zip 高楼建筑设计公司网站模板.zip jQuery下拉美化搜索表单样式代码.zip 微信小程序源码-社区平台 HTML5小球碰撞叠加.zip jQuery音乐均衡器插件equalizer.zip hoverIntent点击延时jquery插件.zip jQuery黑白彩色图片切换.zip jQuery精确到毫秒的倒计时代码.zip Android仿微信添加照片并且随意限制照片数量并显示缩略图界面 jQuery列表展开折叠特效代码.zip 绘画工作室CSS3网站模板.zip jQuery斜切式双图切换焦点图.zip 多彩音乐演唱会门票官网模板.zip HTML5 SVG饼状图形进度条代码.zip 全屏banner轮播切换CSS3动画.zip 宽屏大气旅行网站模板.zip jQuery可折叠图标菜单.zip 商业世界网站模板.zip css3全屏手风琴.zip jquery宽屏图片滑动切换效果代码.zip 兼容IE8的jQuery轮播图插件.zip jQuery左右滑动选项卡切换代码.zip 手机应用下载wap网站模板.zip jQuery仿京东首页广告图片切换.zip Discuz! 威尔·史密斯.zip 慈善机构HTML5网页模板.zip CSS3实现3D螺旋动画特效.zip jquery.LoadImage图片预加载.zip 仿ID医院中文手机网站手机wap医院网站模板.zip AnG无双科技首页屏风jQuery特效.zip HTML5 Canvas泡泡悬浮鼠标特效.zip 电子产品设计网站模板.zip struts2+Hibernate+spring 当当网源码完整版 微信小程序源码-急救应急 CSS3实现Tab菜单小工具.zip Java获取视频缩略图 DrupalCMS aquasoft.zip 儿童游泳乐园网站模板.zip 权限管理系统springmvc hibernate spring 完整项目带数据库 jquery侧边滑出框特效.zip Game Robo游戏公司网站模板.zip 微信小程序源码-智能用电 互联网设计公司html5模板.zip wordpress企业pitch主题.zip 【PHP源码】舒明工作室留言本_day18book.zip CSS3滑杆开关切换按钮.zip Android基于SurFaceView的小游戏 【ASP.NET源码】西部数字房屋中介信息管理平台 v1.0_fcoa.zip 动漫网站jquery横向手风琴效果.zip 激光纹身培训学校网站模板.zip struts2_vip会员管理系统 Wordpress单页企业主题.zip 微信小程序源码-qq音乐播放器 jQuery视频弹幕自定义视频控件.zip jQuery过渡幻灯片切换.zip 大气进步教育全站模板.zip 【PHP源码】八星瓢虫留言本 v3.0_bxpc.zip 微信小程序设计基础控件库WEUI-Sketch 在线DES加密解密代码.zip 七字方形龙头广告模板下载.zip 紫色滑冰运动网站模板.zip jQuery+CSS3双表盘时钟代码.zip jQuery鼠标滑过图片散开显示文字.zip jquery斜对角相册.zip 基于bootstrap日期选择器插件.zip 【ASP.NET源码】Flash+C#在线拍照源码_flexphoto.zip 响应式设计企业网站模板.zip 私人别墅设计公司免费模板.zip 木材加工企业网站模板.zip ArrayList关键字查询 jquery展开收缩手风琴菜单.zip 响应式驾校官网HTML模板.zip css3鼠标滑动按钮动画效果.zip 绿色IT技术在线教育响应式模板 HTML5制作ascii码表文字特效.zip js小球撞击游戏源码下载.zip jQuery全屏响应浏览器轮播图代码.zip 紫色企业项目CSS网站模板.zip js+flash图片可伸缩展示.zip CSS3鼠标略过动画填充背景按钮代码.zip 清爽创意家居网站模板.zip 微信小程序源码-有调商城 时尚摄影图片展示网站模板.zip jquery图像标注式提示插件adhere.zip jquery+SpringMVC+Hibernate+Spring整合 可自动播放暂停的jQuery相册.zip jQuery鼠标悬停图片滑动切换.zip spring mvc+mybatis+mysql+maven+bootstrap-table整合实现增删查改简单实例 CSS3侧边栏卡片式菜单导航.zip 灰色iso苹果风格触屏版手机wap企业网站模板下载.zip 微信(高仿) 【笔记】Docker 入门手册 思维导图版 SpringMVC + Spring + SpringJDBC整合demo 3D图片上下翻牌切换效果.zip Bootstrap绿色后台网站模板.zip 【PHP源码】phpcms2008视频模型正式版 UTF-8 Build 20090603_install_video_utf8.zip 个性名片HTML5模板.zip cxSlide带缩略图和描述焦点图.zip jQuery图片灯箱预览效果.zip 安卓GridView使用 jQuery分页动画效果.zip 叉车外贸企业网站模板.zip jQ带分页索引图片切换.zip jquery大小图切换特效.zip java 支付宝H5支付Demo maven+spring+spring mvc+mybatis整合实现ssm通用增删改查基础开发框架 人体图片瀑布流样式模板.zip Flash动态调用文字提示效果.zip 【ASP.NET源码】网奇IOS智能在线订单系统 v2.5 (ASP.NET 1.1)_wqios.zip jQuery带时钟网站幻灯片代码.zip 微信小程序源码-我的商城 jQuery分类信息筛选过滤代码.zip jQuery+html5触屏手机幻灯片代码.zip MySQL-5.7官方手册(英文HTML版) Joomla nf_vulcanus.zip jQuery结合UL标签下拉框美化.zip 多色css3导航菜单jquery特效.zip Android studio BLE通信助手(工程文件+apk) 企业项目上线倒计时模板.zip 微信小程序源码-地图查找附件(含后端) 淘宝网选项卡类型搜索框样式代码.zip 移动端日期和时间选择插件.zip jquery滚动到顶部底部.zip 快艇租赁公司网站模板.zip html5类似百度贴吧涂鸦绘图效果.zip jquery网站左侧弹出导航菜单.zip FlexSlider插件实现滑块幻灯片.zip 【PHP源码】iGamingCMS v1.3.2 Bridge v1.1_smf_1_igaming.zip JS游戏惩罚代码(jQuery).zip HTML5双人五子棋小游戏源码.zip js+css3实现楼盘模型旋转动画效果.zip HTML5 3D折页立体焦点图代码.zip 红苹果设计css模板下载.zip 电子产品UI设计网站模板.zip 大气企业网站HTML5模板.zip jquery metro拖动菜单代码.zip 书店商城网站html模板下载.zip 【PHP源码】phpPgAds v2.06 官方多国语言版_phppgads.zip Spring Quartz定时作业 【ASP.NET源码】Presstopia Blog v1.0_ptblog.zip HTML5设置filter图片滤镜代码.zip 微信小程序 - 仿今日头条app.zip 模仿天天动听5可联网下载歌词的音乐播放器 【PHP源码】搜台州网址导航站_soutz.zip 鼠标悬停内容移动切换jQuery.zip 天气应用官网引导页模板.zip 多张图片预览效果显示包含缩略图 jquery隐藏滚动条.zip jQuery在线选座位插件seat-charts.zip 轻量级高性能的CSS3动画库特效.zip 身体质量指数计算器(BMI) ssh订票系统源码 【PHP源码】绘图留言本_gcard.zip 保全公司CSS网页模板.zip struts+hibernate+spring 图书管理系统 CSS3图片3D翻转显示文字特效.zip 【PHP源码】PHPWind Forums 7.3.2 繁体中文版 Build 090512_phpwind_big5_7.3.2.zip 权限管理系统springmvc hibernate spring 完整项目带数据库
举报X