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