Javascript 生成指定范围数值随机数


Posted in Javascript onJanuary 09, 2009

不过经过俺的小小努力之后, 终于让俺摸着门道喽, 问题也就理所当然滴解决掉.
然后就写了个公式, 这样应该可以消失掉这个用法了, 公式:
1. 从1开始 至 任意值
linenum
parseInt(Math.random()*上限+1);
2. 从任意值开始 至 任意值
linenum
parseInt(Math.random()*(上限-下限+1)+下限);
上面的公式使用了 parseInt(), 因此要加1; 如果使用 Math.ceil() 则不需要加1, 俺习惯于这样写...
目录:
1. 演示1 (直接进行生成随机数操作)
2. 演示2 (写成函数进行生成随机数操作)
1. 演示1 (直接进行生成随机数操作)
linenum
<script type="text/javascript">
//<![CDATA[
window.onload=function(){
var n=na=nb=nc='';
n=parseInt(Math.random()*10+1);
na=parseInt(Math.random()*(20-11+1) + 11);
nb=parseInt(Math.random()*100+1);
nc=parseInt(Math.random()*(100-51+1) + 51);
var o=document.getElementsByTagName('input');
o[0].value=n;
o[1].value=na;
o[2].value=nb;
o[3].value=nc;
} // shawl.qiu script
//]]>
</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 />
2. 演示2 (写成函数进行生成随机数操作)
linenum
<script type="text/javascript">
//<![CDATA[
window.onload=function(){
var o=document.getElementsByTagName('input');
o[0].value=fRandomBy(10);
o[1].value=fRandomBy(11, 20);
o[2].value=fRandomBy(1, 100);
o[3].value=fRandomBy(51, 100);
}
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;
}
} // shawl.qiu script
//]]>
</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 />

Javascript 相关文章推荐
js控制的回到页面顶端goTop的代码实现
Mar 20 Javascript
javascript生成随机颜色示例代码
May 05 Javascript
深入理解JavaScript系列(41):设计模式之模板方法详解
Mar 04 Javascript
js中函数声明与函数表达式
Jun 03 Javascript
javascript实现在网页中运行本地程序的方法
Feb 03 Javascript
详解Angular.js的$q.defer()服务异步处理
Nov 06 Javascript
js 中获取制定的cook信息实现方法
Nov 19 Javascript
Bootstrap模态窗口源码解析
Feb 08 Javascript
AngularJS 霸道的过滤器小结
Apr 26 Javascript
Laravel整合Bootstrap 4的完整方案(推荐)
Jan 25 Javascript
详解vue静态资源打包中的坑与解决方案
Feb 05 Javascript
JavaScript中如何对多维数组(矩阵)去重的实现
Dec 04 Javascript
Js 订制自己的AlertBox(信息提示框)
Jan 09 #Javascript
通用JS事件写法实现代码
Jan 07 #Javascript
javascript 表单的友好用户体现
Jan 07 #Javascript
JavaScript Prototype对象
Jan 07 #Javascript
开发跨浏览器javascript常见注意事项
Jan 01 #Javascript
用于判断用户注册时,密码强度的JS代码
Jan 01 #Javascript
很全的显示阴历(农历)日期的js代码
Jan 01 #Javascript
You might like
ftp类(example.php)
2006/10/09 PHP
解析php DOMElement 操作xml 文档的实现代码
2013/05/10 PHP
Laravel接收前端ajax传来的数据的实例代码
2017/07/20 PHP
PHP通过GD库实现验证码功能示例
2019/02/23 PHP
Node.js:Windows7下搭建的Node.js服务(来玩玩服务器端的javascript吧,这可不是前端js插件)
2011/06/27 Javascript
JsRender for object语法简介
2014/10/31 Javascript
深入浅析NodeJs并发异步的回调处理
2015/12/21 NodeJs
JS实现HTML表格排序功能
2016/08/05 Javascript
JavaScript每天必学之事件
2016/09/18 Javascript
BootStrap入门教程(二)之固定的内置样式
2016/09/19 Javascript
微信小程序--onShareAppMessage分享参数用处(页面分享)
2017/04/18 Javascript
详解如何使用webpack在vue项目中写jsx语法
2017/11/08 Javascript
javascript实现电脑和手机版样式切换
2017/11/10 Javascript
Vue2.5通过json文件读取数据的方法
2018/02/27 Javascript
angular2路由之routerLinkActive指令【推荐】
2018/05/30 Javascript
Vue项目中Api的组织和返回数据处理的操作
2019/11/04 Javascript
python3实现读取chrome浏览器cookie
2016/06/19 Python
Django 使用Ajax进行前后台交互的示例讲解
2018/05/28 Python
python3解析库lxml的安装与基本使用
2018/06/27 Python
使用python将excel数据导入数据库过程详解
2019/08/27 Python
python tkinter组件摆放方式详解
2019/09/16 Python
创建Shapefile文件并写入数据的例子
2019/11/26 Python
Python猜数字算法题详解
2020/03/01 Python
Python 防止死锁的方法
2020/07/29 Python
Python基于locals返回作用域字典
2020/10/17 Python
微信浏览器左上角返回按钮拦截功能
2017/11/21 HTML / CSS
Canvas图片分割效果的实现
2019/07/29 HTML / CSS
C#软件工程师英语面试题
2015/06/07 面试题
妇产医师自荐信
2014/01/29 职场文书
《尊严》教学反思
2014/02/11 职场文书
如何写自我评价?自我评价写什么好?
2014/03/14 职场文书
模特大赛策划方案
2014/05/28 职场文书
法语专业求职信
2014/07/20 职场文书
学校创先争优活动总结
2014/08/28 职场文书
Python中的datetime包与time包包和模块详情
2022/02/28 Python
mysql数据插入覆盖和时间戳的问题及解决
2022/03/25 MySQL