js生成随机数(指定范围)的实例代码


Posted in Javascript onJuly 10, 2016

1、随机生成4位数的随机数

<script language="javascript">
/**
* 随机生成4位的随机数
* http://www.yulu.3water.com
*/
document.write(parseInt(10*Math.random()));  //输出0~10之间的随机整数
document.write(Math.floor(Math.random()*10+1));  //输出1~10之间的随机整数
function RndNum(n){
 var rnd="";
 for(var i=0;i<n;i++)
   rnd+=Math.floor(Math.random()*10);
 return rnd;
}
document.write(RndNum(4));//输出指定位数的随机数的随机整数
</script>

2、随机生成指定的数据范围的随机数

1)、从1开始 至 任意值

parseInt(Math.random()*上限+1);

2)、从任意值开始至任意值

<script>
parseInt(Math.random()*(上限-下限+1)+下限); 
function fRandomBy(under, over){ 
  switch(arguments.length){ 
   case 1: return parseInt(Math.random()*under+1); 
   case 2: return parseInt(Math.random()*(over-under+1) + under); 
   default: return 0; 
  } 
} 
document.write(fRandomBy(1,100));//输出指定范围内的随机数的随机整数
</script>

//给既定文本框按规则付不同的值[引申]
<script>
window.onload=function(){ 
  var o=document.getElementsByTagName('input'); 
  o[0].value=fRandomBy(1,10); 
  o[1].value=fRandomBy(11,20); 
  o[2].value=fRandomBy(1,100); 
  o[3].value=fRandomBy(51,100); 
}
</script>
1-10: <input type="text" /><br /> 
11-20: <input type="text" /><br /> 
1-100: <input type="text" /><br /> 
51-100: <input type="text" /><br />

3、扩展例子:

<html>
<head>
<title>Math-生成随机数的例子-3water.com</title>
</head>
<body>
<script language="javascript" type="text/javascript">
total = 0
for(i=1;i<=5000;i++){
  num=Math.random();
  total +=num
}
average = total/5000;
average = Math.round(average*1000)/1000;
document.write("<h1>平均数:"+average+"</h1>")
</script>
</body>
</html>

以上这篇js生成随机数(指定范围)的实例代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript 有用的脚本函数
May 07 Javascript
js parentElement和offsetParent之间的区别
Mar 23 Javascript
JQuery Tab选项卡效果代码改进版
Apr 01 Javascript
Jquery常用技巧收集整理篇
Nov 14 Javascript
ExtJS下 Ext.Direct加载和提交过程排错小结
Apr 02 Javascript
JavaScript驾驭网页-DOM
Mar 24 Javascript
AngularJS 中的Promise --- $q服务详解
Sep 14 Javascript
promise处理多个相互依赖的异步请求(实例讲解)
Aug 03 Javascript
全新打包工具parcel零配置vue开发脚手架
Jan 11 Javascript
vue实现的上传图片到数据库并显示到页面功能示例
Mar 17 Javascript
用react-redux实现react组件之间数据共享的方法
Jun 08 Javascript
小程序跨页面交互的作用与方法详解
Jan 07 Javascript
JS获取随机数和时间转换的简单实例
Jul 10 #Javascript
JS生成不重复的随机数组的简单实例
Jul 10 #Javascript
浅谈JavaScript对象与继承
Jul 10 #Javascript
Bootstrap框架下下拉框select搜索功能
Mar 26 #Javascript
Bootstrap轮播插件中图片变形的终极解决方案 使用jqthumb.js
Jul 10 #Javascript
深入浅析JavaScript函数前面的加号和叹号
Jul 09 #Javascript
jQuery回到顶部的代码
Jul 09 #Javascript
You might like
PHP IF ELSE简化/三元一次式的使用
2011/08/22 PHP
浅析HTTP消息头网页缓存控制以及header常用指令介绍
2013/06/28 PHP
PHP连接Nginx服务器并解析Nginx日志的方法
2015/08/16 PHP
php使用curl模拟浏览器表单上传文件或者图片的方法
2018/11/10 PHP
Javascript之旅 对象的原型链之由来
2010/08/25 Javascript
js判断变量是否未定义的代码
2020/03/28 Javascript
JSON序列化与解析原生JS方法且IE6和chrome测试通过
2013/09/05 Javascript
extjs4 treepanel动态改变行高度示例
2013/12/17 Javascript
js获取当前路径的简单示例代码
2014/01/08 Javascript
JavaScript中的原型和继承详解(图文)
2014/07/18 Javascript
jQuery功能函数详解
2015/02/01 Javascript
js仿百度切换皮肤功能(html+css)
2016/07/10 Javascript
js仿搜狐视频记录片列表展示效果
2020/05/30 Javascript
JavaScript实现前端分页控件
2017/04/19 Javascript
xmlplus组件设计系列之路由(ViewStack)(7)
2017/05/02 Javascript
vue语法之拼接字符串的示例代码
2017/10/25 Javascript
vue 中directive功能的简单实现
2018/01/05 Javascript
微信小程序实现animation动画
2018/01/26 Javascript
vue-cli 打包使用history模式的后端配置实例
2018/09/20 Javascript
iview tabs 顶部导航栏和模块切换栏的示例代码
2019/03/04 Javascript
JS中async/await实现异步调用的方法
2019/08/28 Javascript
微信小程序 搜索框组件代码实例
2019/09/06 Javascript
JS document内容及样式操作完整示例
2020/01/14 Javascript
JS变量提升原理与用法实例浅析
2020/05/22 Javascript
vue项目配置同一局域网可使用ip访问的操作
2020/10/23 Javascript
Python面向对象程序设计之类的定义与继承简单示例
2019/03/18 Python
html5中canvas学习笔记2-判断浏览器是否支持canvas
2013/01/06 HTML / CSS
全球高级音频和视频专家:HiDef Lifestyle
2019/08/02 全球购物
师范生自荐信
2013/10/27 职场文书
入职担保书怎么写
2014/05/12 职场文书
民事申诉状范本
2015/05/20 职场文书
Python数据可视化之基于pyecharts实现的地理图表的绘制
2021/06/10 Python
MySQL修改默认引擎和字符集详情
2021/09/25 MySQL
Spring Security中用JWT退出登录时遇到的坑
2021/10/16 Java/Android
Python爬虫 简单介绍一下Xpath及使用
2022/04/26 Python
Hive HQL支持2种查询语句风格
2022/06/25 数据库