JavaScript 随机


Math.random()

Math.random() 返回 0(包括) 至 1(不包括) 之间的随机数:

  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  4. <h2>JavaScript Math.random()</h2>
  5. <p>Math.random() 返回 0(包含)和 1(不包括)之间的随机数:</p>
  6. <p id="demo">
  7. <script>
  8. document.getElementById("demo").innerHTML = Math.random();
  9. </script>
  10. </body>
  11. </html>

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


JavaScript 随机整数

Math.random() 与 Math.floor() 一起使用用于返回随机整数。

  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  4. <h2>JavaScript Math</h2>
  5. <p>Math.floor(Math.random() * 10) 返回 0 与 9 之间的随机整数(均包含):</p>
  6. <p id="demo">
  7. <script>
  8. document.getElementById("demo").innerHTML =
  9. Math.floor(Math.random() * 10);
  10. </script>
  11. </body>
  12. </html>
实例
  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  4. <h2>JavaScript Math</h2>
  5. <p>Math.floor(Math.random() * 11) 返回 0 与 10 之间的随机整数(均包含):</p>
  6. <p id="demo">
  7. <script>
  8. document.getElementById("demo").innerHTML =
  9. Math.floor(Math.random() * 11);
  10. </script>
  11. </body>
  12. </html>
实例
  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  4. <h2>JavaScript Math</h2>
  5. <p>Math.floor(Math.random() * 100)) 返回 0 与 99 之间的随机整数(均包含):</p>
  6. <p id="demo">
  7. <script>
  8. document.getElementById("demo").innerHTML =
  9. Math.floor(Math.random() * 100);
  10. </script>
  11. </body>
  12. </html>
实例
  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  4. <h2>JavaScript Math</h2>
  5. <p>Math.floor() 与 Math.random() * 101 一起使用,返回 0 与 100 之间的随机整数(均包含):</p>
  6. <p id="demo">
  7. <script>
  8. document.getElementById("demo").innerHTML =
  9. Math.floor(Math.random() * 101);
  10. </script>
  11. </body>
  12. </html>
实例
  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  4. <h2>JavaScript Math</h2>
  5. <p>Math.floor(Math.random() * 10) + 1) 返回 1 与 10 之间的随机整数(均包含):</p>
  6. <p id="demo">
  7. <script>
  8. document.getElementById("demo").innerHTML =
  9. Math.floor(Math.random() * 10) + 1;
  10. </script>
  11. </body>
  12. </html>
实例
  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  4. <h2>JavaScript Math</h2>
  5. <p>Math.floor(Math.random() * 100) + 1) 返回 1 与 100 之间的随机整数(均包含):</p>
  6. <p id="demo">
  7. <script>
  8. document.getElementById("demo").innerHTML =
  9. Math.floor(Math.random() * 100) + 1;
  10. </script>
  11. </body>
  12. </html>

一个适当的随机函数

正如你从上面的例子看到的,创建一个随机函数用于生成所有随机整数是一个好方法。

这个 JavaScript 函数始终返回介于 min(包括)和 max(不包括)之间的随机数:

  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  4. <h2>JavaScript Math.random()</h2>
  5. <p>每当您点击按钮,getRndInteger(min, max) 就会返回 0 与 9(均包含)之间的随机数:</p>
  6. <button onclick="document.getElementById('demo').innerHTML = getRndInteger(0,10)">点击我</button>
  7. <p id="demo">
  8. <script>
  9. function getRndInteger(min, max) {
  10. return Math.floor(Math.random() * (max - min)) + min;
  11. }
  12. </script>
  13. </body>
  14. </html>

这个 JavaScript 函数始终返回介于 min 和 max(都包括)之间的随机数:

  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  4. <h2>JavaScript Math.random()</h2>
  5. <p>每当您点击按钮,getRndInteger(min, max) 就会返回 1 与 10(均包含)之间的随机数:</p>
  6. <button onclick="document.getElementById('demo').innerHTML = getRndInteger(1,10)">点击我</button>
  7. <p id="demo">
  8. <script>
  9. function getRndInteger(min, max) {
  10. return Math.floor(Math.random() * (max - min + 1) ) + min;
  11. }
  12. </script>
  13. </body>
  14. </html>