返回到:JavaScript对象:JavaScript Math 对象
定义和用法
random() 方法可返回介于 0(包含) ~ 1(不包含) 之间的一个随机数。
语法
Math.random()
返回值
类型 | 描述 |
---|---|
Number | 0.0 ~ 1.0(不包含) 之间的一个伪随机数。 |
技术细节
JavaScript 版本: | 1.0 |
---|
所有主要浏览器都支持 random() 方法
实例
DEMO1:返回介于 0(包含) ~ 1(不包含) 之间的一个随机数。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Web176教程(Web176.com)</title> </head> <body> <p id="demo">点击按钮显示一个随机数</p> <button onclick="myFunction()">点我</button> <script> function myFunction(){ document.getElementById("demo").innerHTML=Math.random(); } </script> </body> </html>
DEMO2:取得介于 1 到 10 之间的一个随机数。
Math.floor((Math.random()*10)+1); //8
DEMO3:取得介于 1 到 100 之间的一个随机数。
Math.floor((Math.random()*100)+1); //59
DEMO4:以下函数返回 min(包含)~ max(不包含)之间的数字。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Web176教程(Web176.com)</title> </head> <body> <h2>JavaScript Math.random()</h2> <p>点击按钮, getRndInteger(min, max) 会返回 0(包含)到 10(不包含)到数字:</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>
DEMO5:以下函数返回 min(包含)~ max(包含)之间的数字。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Web176教程(Web176.com)</title> </head> <body> <h2>JavaScript Math.random()</h2> <p>点击按钮, getRndInteger(min, max) 会返回 0(包含)到 10(包含)到数字:</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 + 1) ) + min; } </script> </body> </html>
试试吧!!!
作者:terry,如若转载,请注明出处:https://www.web176.com/javascriptbook/jsarrtips/3218.html