当前位置：

一篇文章带你了解JavaScript随机数

时间:2025-11-04 21:41:26 出处:IT科技类资讯阅读（143）

一、篇文Math.random()

Math.random() 返回0到1之间的章带随机数(包括0，不包括1)。解J机数

语法：

Math.random(); // returns a random number

代码：

<!DOCTYPE html> <html> <title>项目</title> <body style="background-color: aqua;"> <h1>JavaScript Math.random()</h1> <p>单击按钮以显示0（含）和1（不含）之间的篇文随机数：</p> <button onclick="myFunc()">Click</button> <p id="result"></p> <script> function myFunc() { document.getElementById(result).innerHTML = Math.random(); } </script> </body> </html>

Math.random() 总是返回小于1的数字。

二、章带JavaScript 随机整数

Math.random() 和 Math.floor() 一起使用，解J机数可以返回一个随机整数。篇文

案例1：返回一个从0到9的章带随机整数

Math.floor(Math.random() * 10); // returns a number between 0 and 9

代码：

<!DOCTYPE html> <html> <title>项目</title> <body style="background-color: aqua;"> <p>单击按钮以显示0到9之间的随机数：</p> <button onclick="myFunc()">Click</button> <p id="result"></p> <script> function myFunc() { let x = Math.floor(Math.random() * 11); document.getElementById("result").innerHTML = x; // 下面代码依次替换相对于的js代码，实现以下效果 } </script> </body>

案例2：返回一个从0到99的解J机数随机整数

Math.floor(Math.random() * 100); // returns a number between 0 and 9

案例3：返回一个从0到100的随机整数

Math.floor(Math.random() * 101); // returns a number between 0 and 10

案例4：返回一个从11到20的随机整数

Math.floor((Math.random() * 10) + 11); // returns a number between 11 and 20

案例5：返回一个从1到100的随机整数

Math.floor(Math.random() * 100) + 1; // returns a number between 1 and 100

三、恰当随机函数(min(包括)和max(排除)之间)。服务器租用篇文

上面的章带例子中看到的，创建一个合适的解J机数随机函数用于所有的随机整数可能是个好主意。

JavaScript函数总是篇文返回一个随机数在min(包括)和max(排除)之间：

<!DOCTYPE html> <html> <title>项目</title> <body style="background-color: aqua;"> <p>单击按钮以显示0到9之间的随机数：</p> <button onclick="myFunc()">Click</button> <p id="result"></p> <script> function myFunc() { document.getElementById("result").innerHTML = getRandom(0, 10); } function getRandom(min, max) { return Math.floor(Math.random() * (max - min)) + min; } </script> </body> </html>

JavaScript函数总是返回一个随机数在min(包括)和max(包括)之间：

<!DOCTYPE html> <html> <title>项目</title> <body style="background-color: aqua;"> <p>单击按钮以显示0到10之间的随机数：</p> <button onclick="myFunc()">Click</button> <p id="result"></p> <script> function myFunc() { document.getElementById("result").innerHTML = getRandom(0, 10); } function getRandom(min, max) { return Math.floor(Math.random() * (max - min + 1)) + min; } </script> </body> </html>