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的事件描述
Sep 08 Javascript
动态控制Table的js代码
Mar 07 Javascript
Javascript学习笔记2 函数
Jan 11 Javascript
alert和confirm功能介绍
May 21 Javascript
JS组件Bootstrap Table表格行拖拽效果实现代码
Aug 27 Javascript
IE和Firefox之间在JavaScript语法上的差异
Apr 22 Javascript
JS加载iFrame出现空白问题的解决办法
May 13 Javascript
BootStrap框架中的data-[ ]自定义属性理解(推荐)
Feb 14 Javascript
通过js动态创建标签,并设置属性方法
Feb 24 Javascript
vue源码学习之Object.defineProperty 对数组监听
May 30 Javascript
解决layui数据表格排序图标被超出的表头挤出去的问题
Sep 19 Javascript
React更新渲染原理深入分析
Dec 24 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
php 魔术函数使用说明
2010/02/21 PHP
Thinkphp5+plupload实现的图片上传功能示例【支持实时预览】
2019/05/08 PHP
浅谈Laravel POST,PUT,PATCH 路由的区别
2019/10/15 PHP
xml和web特殊字符
2009/04/28 Javascript
javascript 面向对象编程 万物皆对象
2009/09/17 Javascript
Jquery ajax不能解析json对象,报Invalid JSON错误的原因和解决方法
2010/03/27 Javascript
AeroWindow 基于JQuery的弹出窗口插件
2011/06/27 Javascript
JS中处理与当前时间间隔的函数代码
2012/05/23 Javascript
Jquery uploadify图片上传插件无法上传的解决方法
2013/12/16 Javascript
使用phantomjs进行网页抓取的实现代码
2014/09/29 Javascript
js限制文本框的输入内容代码分享(3类)
2015/08/20 Javascript
浅谈JavaScript中的string拥有方法的原因
2015/08/28 Javascript
用JS生成UUID的方法实例
2016/03/30 Javascript
JavaScript里 ==与===区别详解
2016/08/16 Javascript
微信小程序 自定义对话框实例详解
2017/01/20 Javascript
JS获得一个对象的所有属性和方法实例
2017/02/21 Javascript
Ionic3 UI组件之Gallery Modal详解
2017/06/07 Javascript
Vue写一个简单的倒计时按钮功能
2018/04/20 Javascript
[00:12]2018DOTA2亚洲邀请赛 sylar表现SOLO技艺
2018/04/06 DOTA
Python基础学习之函数方法实例详解
2019/06/18 Python
tensorflow实现tensor中满足某一条件的数值取出组成新的tensor
2020/01/04 Python
Python递归实现打印多重列表代码
2020/02/27 Python
pytorch判断是否cuda 判断变量类型方式
2020/06/23 Python
使用CSS Grid布局实现网格的流动
2014/12/30 HTML / CSS
详解基于canvas的视频遮罩插件
2018/01/04 HTML / CSS
Can a struct inherit from another class? (结构体能继承类吗)
2014/07/22 面试题
Overload和Override的区别。Overloaded的方法是否可以改变返回值的类型
2013/10/30 面试题
派出所所长先进事迹
2014/05/19 职场文书
政府班子四风问题整改措施思想汇报
2014/10/08 职场文书
2015幼儿园新学期寄语
2015/02/27 职场文书
2015年毕业生实习评语
2015/03/25 职场文书
土建技术员岗位职责
2015/04/11 职场文书
幸福来敲门观后感
2015/06/04 职场文书
公司酒会致辞
2015/07/30 职场文书
2019年度开业庆典祝福语大全!
2019/07/05 职场文书
浅析Django接口版本控制
2021/06/26 Python