JavaScript 随机
JavaScript基础 2022-04-25 01:32:42小码哥的IT人生shichen
JavaScript 随机
Math.random()
Math.random() 返回 0（包括） 至 1（不包括） 之间的随机数：
示例代码：
Math.random(); // 返回随机数
完整实例：
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Math.random()</h2>
<p>Math.random() 返回 0（包含）和 1（不包括）之间的随机数：</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = Math.random();
</script>
</body>
</html>
运行结果：
Javascript Math.random() Math.random() 返回 0（包含）和 1（不包括）之间的随机数： 0.7206209513568329
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
Math.random() 总是返回小于 1 的数。
JavaScript 随机整数
Math.random() 与 Math.floor() 一起使用用于返回随机整数。
示例代码：
Math.floor(Math.random() * 10); // 返回 0 至 9 之间的数
完整实例：
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Math</h2>
<p>Math.floor(Math.random() * 10) 返回 0 与 9 之间的随机整数（均包含）：</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
Math.floor(Math.random() * 10);
</script>
</body>
</html>
运行结果：
Javascript Math Math.floor(Math.random() * 10) 返回 0 与 9 之间的随机整数（均包含）： 0
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
示例代码：
Math.floor(Math.random() * 11); // 返回 0 至 10 之间的数
完整实例：
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Math</h2>
<p>Math.floor(Math.random() * 11) 返回 0 与 10 之间的随机整数（均包含）：</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
Math.floor(Math.random() * 11);
</script>
</body>
</html>
运行结果：
Javascript Math Math.floor(Math.random() * 11) 返回 0 与 10 之间的随机整数（均包含）： 8
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
示例代码：
Math.floor(Math.random() * 100); // 返回 0 至 99 之间的数
完整实例：
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Math</h2>
<p>Math.floor(Math.random() * 100)) 返回 0 与 99 之间的随机整数（均包含）：</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
Math.floor(Math.random() * 100);
</script>
</body>
</html>
运行结果：
Javascript Math Math.floor(Math.random() * 100)) 返回 0 与 99 之间的随机整数（均包含）： 85
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
示例代码：
Math.floor(Math.random() * 101); // 返回 0 至 100 之间的数
完整实例：
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Math</h2>
<p>Math.floor() 与 Math.random() * 101 一起使用，返回 0 与 100 之间的随机整数（均包含）：</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
Math.floor(Math.random() * 101);
</script>
</body>
</html>
运行结果：
Javascript Math Math.floor() 与 Math.random() * 101 一起使用，返回 0 与 100 之间的随机整数（均包含）： 49
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
示例代码：
Math.floor(Math.random() * 10) + 1; // 返回 1 至 10 之间的数
完整实例：
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Math</h2>
<p>Math.floor(Math.random() * 10) + 1) 返回 1 与 10 之间的随机整数（均包含）：</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
Math.floor(Math.random() * 10) + 1;
</script>
</body>
</html>
运行结果：
Javascript Math Math.floor(Math.random() * 10) + 1) 返回 1 与 10 之间的随机整数（均包含）： 4
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
示例代码：
Math.floor(Math.random() * 100) + 1; // 返回 1 至 100 之间的数
完整实例：
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Math</h2>
<p>Math.floor(Math.random() * 100) + 1) 返回 1 与 100 之间的随机整数（均包含）：</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
Math.floor(Math.random() * 100) + 1;
</script>
</body>
</html>
运行结果：
Javascript Math Math.floor(Math.random() * 100) + 1) 返回 1 与 100 之间的随机整数（均包含）： 53
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
一个适当的随机函数
正如你从上面的例子看到的，创建一个随机函数用于生成所有随机整数是一个好主意。
这个 JavaScript 函数始终返回介于 min（包括）和 max（不包括）之间的随机数：
示例代码：
function getRndInteger(min, max) {
return Math.floor(Math.random() * (max - min) ) + min;
}
完整实例：
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Math.random()</h2>
<p>每当您点击按钮，getRndInteger(min, max) 就会返回 0 与 9（均包含）之间的随机数：</p>
<button onclick="document.getElementById('demo').innerHTML = getRndInteger(0,10)">点击我</button>
<p id="demo"></p>
<script>
function getRndInteger(min, max) {
return Math.floor(Math.random() * (max - min)) + min;
}
</script>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
这个 JavaScript 函数始终返回介于 min 和 max（都包括）之间的随机数：
示例代码：
function getRndInteger(min, max) {
return Math.floor(Math.random() * (max - min + 1) ) + min;
}
完整实例：
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Math.random()</h2>
<p>每当您点击按钮，getRndInteger(min, max) 就会返回 1 与 10（均包含）之间的随机数：</p>
<button onclick="document.getElementById('demo').innerHTML = getRndInteger(1,10)">点击我</button>
<p id="demo"></p>
<script>
function getRndInteger(min, max) {
return Math.floor(Math.random() * (max - min + 1) ) + min;
}
</script>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
