JavaScript生成指定范围随机数的实现方法
作者:异步漫步时间:2026-10-30 10:11:33浏览:386
本文介绍如何在JavaScript中生成指定范围的随机整数。通过Math.random结合parseInt或Math.floor函数,可实现生成4位随机数、从1开始的任意范围随机数,以及自定义上下限的随机数生成。
生成4位随机数
1、随机生成4位数的随机数
<script language="javascript">
/**
* 随机生成4位的随机数
* http://www.yulu.jb51.net
*/
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-生成随机数的例子-www.jb51.net</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生成随机数(指定范围)的实例代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持本站。
作者最新文章
D3.js 比例尺与坐标轴的配置详解
2026-11-05 16:54:46
JavaScript怎么遍历对象的Symbol键和不可枚举属性
2026-11-05 13:13:39
封装一个健壮的JS字符串判空工具函数
2026-11-05 12:16:14
JavaScript合并数组的三种常用方法:concat、扩展运算符与push
2026-11-05 11:22:29
JavaScript立即执行函数(IIFE)是什么及基本语法
2026-11-05 10:51:19
