学步园

Javascript 生成指定范围数值随机数 By shawl.qiu

说明:
俺本来以为 Js 的随机数应该没啥, 查查手册就得了. 
查手册后才知道, 介绍的信息少得可怜呐, 没有介绍生成 m-n 范围的随机数..., 就只是给你一个 Math.random() 了事.

不过经过俺的小小努力之后, 终于让俺摸着门道喽, 问题也就理所当然滴解决掉. 

然后就写了个公式, 这样应该可以消失掉这个用法了, 公式:

1. 从1开始 至 任意值

linenum
1. parseInt(Math.random()*上限+1);

2. 从任意值开始 至 任意值

linenum
1. parseInt(Math.random()*(上限-下限+1)+下限);

上面的公式使用了 parseInt(), 因此要加1; 如果使用 Math.ceil() 则不需要加1, 俺习惯于这样写...

目录:
1. 演示1 (直接进行生成随机数操作)
2. 演示2 (写成函数进行生成随机数操作)

shawl.qiu
2006-10-28
http://blog.csdn.net/btbtd

1. 演示1 (直接进行生成随机数操作)

linenum
1. <script type="text/javascript">
2. //<![CDATA[
3.     window.onload=function(){
4.         var n=na=nb=nc='';
5.             n=parseInt(Math.random()*10+1);
6.             na=parseInt(Math.random()*(20-11+1) + 11);
7.             nb=parseInt(Math.random()*100+1);
8.             nc=parseInt(Math.random()*(100-51+1) + 51);
9.             
10.         var o=document.getElementsByTagName('input');
11.             o[0].value=n;
12.             o[1].value=na;
13.             o[2].value=nb;
14.             o[3].value=nc;
15.     } // shawl.qiu script
16. //]]>
17. </script>
18. 1-10: <input type="text" /><br />
19. 11-20: <input type="text" /><br />
20. 1-100: <input type="text" /><br />
21. 51-100: <input type="text" /><br />

2. 演示2 (写成函数进行生成随机数操作)

linenum
1. <script type="text/javascript">
2. //<![CDATA[
3.     window.onload=function(){
4.         var o=document.getElementsByTagName('input');
5.             o[0].value=fRandomBy(10);
6.             o[1].value=fRandomBy(11, 20);
7.             o[2].value=fRandomBy(1, 100);
8.             o[3].value=fRandomBy(51, 100);
9.     }
10.     
11.     function fRandomBy(under, over){
12.         switch(arguments.length){
13.             case 1: return parseInt(Math.random()*under+1);
14.             case 2: return parseInt(Math.random()*(over-under+1) + under); 
15.             default: return 0;
16.         }
17.     }  // shawl.qiu script
18. //]]>
19. </script>
20. 1-10: <input type="text" /><br />
21. 11-20: <input type="text" /><br />
22. 1-100: <input type="text" /><br />
23. 51-100: <input type="text" /><br />