js獲取隨機數

時間 2020-08-20

標籤獲取隨機數欄目 JavaScript 简体版

原文原文鏈接

js 獲取隨機數方法以下：javascript

1.Math.random()表示結果爲0-1間的一個隨機數(包括0,不包括1) ；css

　　返回指定範圍的隨機數(m-n之間)的公式html

　　Math.random()*(n-m)+m;java

　　Math.random()*10+5; //返回5-15之間的隨機數dom

2.Math.ceil(n) 返回大於等於n的整數spa

　　用Math.ceil(Math.random()*10);時，主要獲取1到10的隨機整數，取0的概率極小。code

三、Math.round(n); 返回n四捨五入後整數的值。　　htm

　　用Math.round(Math.random());可均衡獲取0到1的隨機整數。
　　用Math.round(Math.random()*10);時，可基本均衡獲取0到10的隨機整數，其中獲取最小值0和最大值10blog

　　的概率少一半。ip

四、Math.floor(n); 返回小於等於n的最大整數。

　　用Math.floor(Math.random()*10);時，可均衡獲取0到9的隨機整數。

五、基於時間，亦能夠產生隨機數

1 var now=new Date();
2 var number = now.getSeconds(); //這將產生一個基於目前時間的0到59的整數。
3 
4 var now=new Date();
5 var number = now.getSeconds()%43; //這將產生一個基於目前時間的0到42的整數。

參考來源：http://www.studyofnet.com/news/181.html

例子：js獲取隨機顏色

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Document</title>
 6 </head>
 7 <style type="text/css">
 8     #box{width: 100px;height: 100px;margin: 20px auto;background-color: #c66;}
 9 </style>
10 <body>
11     <div id="box" onclick="getColor();">box1</div>
12     <script type="text/javascript">
13     var x,y,z;
14     var oBox=document.getElementById('box');
15     function getColor(box){
16         x=Math.round(Math.random()*255);
17         y=Math.round(Math.random()*255);
18         z=Math.round(Math.random()*255);
19         oBox.style.backgroundColor='rgb('+x+','+y+','+z+')';
20     }
21     </script>
22 </body>
23 </html>