JavaScript对象:JavaScript random() 方法

返回到:JavaScript对象:JavaScript Math 对象

定义和用法

random() 方法可返回介于 0(包含) ~ 1(不包含) 之间的一个随机数。

语法

Math.random()

返回值

类型描述
Number0.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

(0)
打赏 支付宝 支付宝 微信 微信
terryterry
上一篇 2021年8月31日 下午2:50
下一篇 2021年8月31日 下午2:58

相关推荐

发表回复

登录后才能评论