js获取随机数

最新推荐文章于 2024-03-27 09:00:46 发布

weixin_30487701

最新推荐文章于 2024-03-27 09:00:46 发布

阅读量218

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/MissBean/p/4137245.html

版权

js 获取随机数方法如下：

1.Math.random()表示结果为0-1间的一个随机数(包括0,不包括1) ；

　　返回指定范围的随机数(m-n之间)的公式

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

　　Math.random()*10+5; //返回5-15之间的随机数

2.Math.ceil(n) 返回大于等于n的整数

　　用Math.ceil(Math.random()*10);时，主要获取1到10的随机整数，取0的几率极小。

3、Math.round(n); 返回n四舍五入后整数的值。　　

　　用Math.round(Math.random());可均衡获取0到1的随机整数。
　　用Math.round(Math.random()*10);时，可基本均衡获取0到10的随机整数，其中获取最小值0和最大值10

　　的几率少一半。

4、Math.floor(n); 返回小于等于n的最大整数。

　　用Math.floor(Math.random()*10);时，可均衡获取0到9的随机整数。

5、基于时间，亦可以产生随机数

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>

坚持下去，相信自己。

转载于:https://www.cnblogs.com/MissBean/p/4137245.html

weixin_30487701

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js获取随机数

js 获取随机数方法如下：1.Math.random()表示结果为0-1间的一个随机数(包括0,不包括1) ；　　返回指定范围的随机数(m-n之间)的公式　　Math.random()*(n-m)+m;　　Math.random()*10+5; //返回5-15之间的随机数2.Math.ceil(n) 返回大于等于n的整数　　用Math.ceil(Math.random(...
复制链接

扫一扫