js随机更换

如果想实现“随机”切换图像，那么我们要使用到几个Math()对象
第一个是random()函数，函数的功能是产生随机数，如果书写为
var a=Math.random()
那么所产生的随机数是0-1（不包括1）
如果我们想产生1-100的随机数怎么办呢？
那么就使用random()*100即可得到0-100（不含100）的任意随机数（注意此时产生的数字并不只有整数）
此时介绍另外3个Math()的函数
ceil()，floor()，round()
Math.round()        ------即四舍五入
Math.ceil()              ------强制进位
Math.floor()            ------强制舍去小数位
因此，在此处如果系那个得到1-100的任意随机数，应该如此书写：
var a=Math.ceil(Math.random()*100);
 
 1 <!DOCTYPE html>
 2 <html>  
 3 <head>      
 4 <title>js随机生成</title>      
 5 <meta http-equiv="Content-Type" content="textml; charset=utf-8">
 6 </head>    
 7 <body>  
 8 <button id="btn">点击</button>
 9 <div id="txt"></div>
10 <script type="text/javascript">
11         var bodyBgs = [];
12             bodyBgs[0] = "1等奖";
13             bodyBgs[1] = "2等奖";
14             bodyBgs[2] = "3等奖";
15             bodyBgs[3] = "4等奖";
16             bodyBgs[4] = "5等奖";
17             bodyBgs[5] = "6等奖";
18             bodyBgs[6] = "7等奖";
19             bodyBgs[7] = "8等奖";
20             bodyBgs[8] = "9等奖";
21             
22         var btn = document.getElementById("btn");
23         var txt = document.getElementById("txt");
24         
25             btn.onclick = function(){//点击输出随机的数字
26                 var randomBgIndex = Math.round( Math.random() * 8 );
27                 txt.innerHTML = bodyBgs[randomBgIndex];
28             }             
29 </script>
30 </body> 
31 </html>

 

posted @ 2015-12-23 10:32  北执  阅读(496)  评论(0)  编辑  收藏  举报