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 相关文章推荐
javascript小数四舍五入多种方法实现
Dec 23 Javascript
jQuery is()函数用法3例
May 06 Javascript
JS实现仿google、百度搜索框输入信息智能提示的实现方法
Apr 20 Javascript
jQuery获取某天的农历日期并判断是否除夕或新年的方法
Mar 01 Javascript
iscroll碰到Select无法选择下拉刷新的解决办法
May 21 Javascript
仅一个form表单 js实现注册信息依次填写提交功能
Jun 12 Javascript
JS获取浮动(float)元素的style.left值为空的快速解决办法
Feb 19 Javascript
jQuery实现点击下拉框中的值累加到文本框中的方法示例
Oct 28 jQuery
ES6中Promise的使用方法实例总结
Feb 18 Javascript
解决Vue大括号字符换行踩的坑
Nov 09 Javascript
vue-calendar-component 封装多日期选择组件的实例代码
Dec 04 Vue.js
vue-cropper组件实现图片切割上传
May 27 Vue.js
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
php使用Jpgraph绘制3D饼状图的方法
2015/06/10 PHP
phpmailer绑定邮箱的实现方法
2016/12/01 PHP
实例介绍PHP删除数组中的重复元素
2019/03/03 PHP
javascript firefox兼容ie的dom方法脚本
2008/05/18 Javascript
js和jquery批量绑定事件传参数一(新猪猪原创)
2010/06/23 Javascript
jQuery getJSON()+.ashx 实现分页(改进版)
2013/03/28 Javascript
浅析Cookie中的Path与domain
2013/12/18 Javascript
Javascript实现带关闭按钮的网页漂浮广告代码
2014/01/12 Javascript
用原生JS获取CLASS对象(很简单实用)
2014/10/15 Javascript
使用jQuery实现星级评分代码分享
2014/12/09 Javascript
ECMAScript 5中的属性描述符详解
2015/03/02 Javascript
JavaScript中定义函数的三种方法
2015/03/12 Javascript
js从数组中删除指定值(不是指定位置)的元素实现代码
2016/09/13 Javascript
D3.js实现直方图的方法详解
2016/09/25 Javascript
KnockoutJS 3.X API 第四章之表单submit、enable、disable绑定
2016/10/10 Javascript
浅谈手写node可读流之流动模式
2018/06/01 Javascript
深入浅析Vue中mixin和extend的区别和使用场景
2019/08/01 Javascript
微信小程序通过js实现瀑布流布局详解
2019/08/28 Javascript
Vue+Spring Boot简单用户登录(附Demo)
2020/11/12 Javascript
[01:25]DOTA2超级联赛专访iG 将调整状态找回自己
2013/06/05 DOTA
Python中利用sorted()函数排序的简单教程
2015/04/27 Python
Python中正则表达式的用法总结
2019/02/22 Python
python lambda函数及三个常用的高阶函数
2020/02/05 Python
Python实现进度条和时间预估的示例代码
2020/06/02 Python
keras自定义损失函数并且模型加载的写法介绍
2020/06/15 Python
领班岗位职责范文
2014/02/06 职场文书
商场消防演习方案
2014/02/12 职场文书
开学典礼主持词
2014/03/19 职场文书
大学同学会活动方案
2014/08/20 职场文书
个人政风行风自查自纠报告
2014/10/21 职场文书
2014年学习委员工作总结
2014/11/14 职场文书
离婚协议书样本
2015/01/26 职场文书
常住证明范本
2015/06/23 职场文书
新学期家长寄语2016
2015/12/03 职场文书
关于感恩老师的古诗句
2019/08/20 职场文书
Python面向对象之内置函数相关知识总结
2021/06/24 Python