前言

前几天有个老铁提了一个需求，让我给他在前端静态页面做一个随机数的显示，用做订单编号，简单几行代码即可实现，见下文

按钮形式

<script>function Num()
 document.getElementById("field").value=Math.floor(Math.random()*5+5) + Math.ceil(Math.random()*10)/10}</script><button onclick="Num()">输出5-10的随机数</button> <input type="text" id="field">

文本形式

<script language="javascript">var a=parseInt(Math.random()*100);
[xss_clean]("输出随机数：",a);</script>

效果

按钮形式（可多次按下）

文本形式

语法

Math.ceil()	向上取整。
Math.floor()	向下取整。
Math.round()	四舍五入。
Math.random()	[0.0 ~ 1.0) 区间一个伪随机数

通过组合上面的简单语法可以生成更复杂的语法：

Math.ceil(Math.random()*10) 获取从1到10的随机整数 ，取0的概率极小。

Math.round(Math.random()) 可均衡获取0到1的随机整数。

Math.floor(Math.random()*10) 可均衡获取0到9的随机整数。

Math.round(Math.random()*10) 获取0到10的随机整数，其中获取最小值0和最大值10的几率少一半。

因此上文的 Math.floor(Math.random()*5+5) + Math.ceil(Math.random()*10)/10 可以生成5-10的一位随机数

文章版权：作者：一起守护  来源：本站

TAG标签： html生成随机数

免责声明：本站提供的一切文章和内容信息仅限用于学习和研究目的；不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负。本站信息来自网络收集整理，版权争议与本站无关。您必须在下载后的24个小时之内，从您的电脑或手机中彻底删除上述内容。如果您喜欢该文章和内容，请支持正版，购买注册，得到更好的正版服务。我们非常重视版权问题，如有侵权请邮件与我们联系处理。敬请谅解！

本文最后更新于2023-10-07 20:59:23，如果你的问题还没有解决，可以加入 交流群 和群友们一起讨论。

站点简介：一起守护专业提供考试资讯、真题题库、作文范文、CMS系统教程呵模板、课外无人机教程等无忧的学习资源。

免责声明： 本站所发布的全部内容源于互联网搬运，仅限于小范围内传播学习和文献参考，请在下载后24小时内删除，如果有侵权之处请第一时间联系站长删除。敬请谅解!

本站关键词：一起守护,新高考,中考试卷,试题,课件,PPT,作文,英语,语文,数学,物理,化学,生物,政治,历史,地理,科学,理综,文综,课后服务,无忧学习 粤ICP备20055413号-1 E-mail：[email protected]