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 相关文章推荐
关于jQuery新的事件绑定机制on()的使用技巧
Apr 26 Javascript
iframe子页面与父页面在同域或不同域下的js通信
May 07 Javascript
js交换排序 冒泡排序算法(Javascript版)
Oct 04 Javascript
js与jquery回车提交的方法
Feb 03 Javascript
PHP守护进程实例
Mar 06 Javascript
jQuery验证插件validation使用指南
Apr 21 Javascript
JS实现的Select三级下拉菜单代码
Aug 20 Javascript
jQuery绑定自定义事件的魔法升级版
Jun 30 Javascript
Mongoose经常返回e11000 error的原因分析
Mar 29 Javascript
关于在vue-cli中使用微信自动登录和分享的实例
Jun 22 Javascript
node.js通过axios实现网络请求的方法
Mar 05 Javascript
Vue父子组件传值的一些坑
Sep 16 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 intval的测试代码发现问题
2008/07/27 PHP
PHP备份/还原MySQL数据库的代码
2011/01/06 PHP
php不用正则验证真假身份证
2013/11/06 PHP
PHP制作登录异常ip检测功能的实例代码
2016/11/16 PHP
php引用和拷贝的区别知识点总结
2019/09/23 PHP
新页面打开实际尺寸的图片
2006/08/25 Javascript
juery框架写的弹窗效果适合新手
2013/11/27 Javascript
Windows8下搭建Node.js开发环境教程
2014/09/03 Javascript
删除Javascript Object中间的key
2014/11/18 Javascript
jQuery简单操作cookie的插件实例
2016/01/13 Javascript
JavaScript中的对象继承关系
2016/08/01 Javascript
jQuery Mobile和HTML5开发App推广注册页
2016/11/07 Javascript
BootStrap3中模态对话框的使用
2017/01/06 Javascript
微信小程序自定义底部导航带跳转功能
2018/11/27 Javascript
vue-router 起步步骤详解
2019/03/26 Javascript
你知道JavaScript Symbol类型怎么用吗
2020/01/08 Javascript
vue 中使用print.js导出pdf操作
2020/11/13 Javascript
[50:54]完美世界DOTA2联赛 GXR vs IO 第三场 11.07
2020/11/10 DOTA
Python中的列表生成式与生成器学习教程
2016/03/13 Python
解决Python出现_warn_unsafe_extraction问题的方法
2016/03/24 Python
使用Python写一个贪吃蛇游戏实例代码
2017/08/21 Python
Python星号*与**用法分析
2018/02/02 Python
Django添加feeds功能的示例
2018/08/07 Python
Python实现的序列化和反序列化二叉树算法示例
2019/03/02 Python
CSS3 flex布局之快速实现BorderLayout布局
2015/12/03 HTML / CSS
CSS3新增布局之: flex详解
2020/06/18 HTML / CSS
通过canvas转换颜色为RGBA格式及性能问题的解决
2019/11/22 HTML / CSS
2019年Java 最常见的 面试题
2016/10/19 面试题
工程预算与管理应届生求职信
2013/10/06 职场文书
商务英语大学生职业生涯规划书范文
2014/01/01 职场文书
运动会方阵解说词
2014/02/12 职场文书
党员公开承诺事项
2014/03/25 职场文书
小学母亲节活动总结
2015/02/10 职场文书
Python数据清洗工具之Numpy的基本操作
2021/04/22 Python
golang中的struct操作
2021/11/11 Golang
Android超详细讲解组件ScrollView的使用
2022/03/31 Java/Android