JavaScript生成指定范围随机数的实现方法
作者:函数茶馆时间:2026-10-30 11:43:08浏览:200
本文介绍如何在JavaScript中生成指定范围内的随机整数。通过Math.random结合最小值和最大值参数,实现简单的随机数生成逻辑,并提供完整的HTML与JS代码示例供参考。
JavaScript生成指定范围随机数的实现方法
本文介绍在JavaScript中生成指定范围内随机数的实现方式,供开发者参考。
运行效果如下图所示:

完整代码实现如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>生成随机数</title>
</head>
<body>
<input type="text" id="num"> <input type="button" onClick="setRnd()" value="生成5-10之间的随机数">
<script type="text/javascript">
function rnd(min, max){
return min + Math.floor(Math.random() * (max - min + 1));
}
function setRnd(){
document.getElementById("num").value = rnd(5,10);
}
</script>
</body>
</html>
更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript数学运算用法总结》、《JavaScript中json操作技巧总结》、《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》及《JavaScript遍历算法与技巧总结》
希望上述内容对JavaScript编程有所帮助。
作者最新文章
JS大数值转字符串出现科学计数法怎么办
2026-11-05 17:09:21
JS split切割后出现空字符串怎么过滤
2026-11-05 16:00:30
在 React 或 Vue 项目中封装使用 JS 节流防抖
2026-11-05 15:27:29
JavaScript中怎么将带小数的字符串转为整数?
2026-11-05 14:32:38
怎么用JavaScript策略模式重构电商促销计算逻辑?
2026-11-05 14:01:09
