返回到: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); //59DEMO4:以下函数返回 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
支付宝
微信