如果想实现“随机”切换图像，那么我们要使用到几个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);
 
 <!DOCTYPE html>

 <html>

 <head>

 <title>js随机生成</title>

 <meta http-equiv="Content-Type" content="textml; charset=utf-8">

 </head>

 <body>

 <button id="btn">点击</button>

 <div id="txt"></div>

 <script type="text/javascript">

         var bodyBgs = [];

             bodyBgs[0] = "1等奖";

             bodyBgs[1] = "2等奖";

             bodyBgs[2] = "3等奖";

             bodyBgs[3] = "4等奖";

             bodyBgs[4] = "5等奖";

             bodyBgs[5] = "6等奖";

             bodyBgs[6] = "7等奖";

             bodyBgs[7] = "8等奖";

             bodyBgs[8] = "9等奖";

         var btn = document.getElementById("btn");

         var txt = document.getElementById("txt");

             btn.onclick = function(){//点击输出随机的数字

                 var randomBgIndex = Math.round( Math.random() * 8 );

                 txt.innerHTML = bodyBgs[randomBgIndex];

             }

 </script>

 </body>

 </html>

js随机更换的更多相关文章

  1. js 随机星星 document.createElement(); setAttribute()

    js 随机星星 document.createElement(); setAttribute() <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1. ...

  2. 第三百四十八节，Python分布式爬虫打造搜索引擎Scrapy精讲—通过自定义中间件全局随机更换代理IP

    第三百四十八节,Python分布式爬虫打造搜索引擎Scrapy精讲—通过自定义中间件全局随机更换代理IP 设置代理ip只需要,自定义一个中间件,重写process_request方法, request ...

  3. 第三百四十七节，Python分布式爬虫打造搜索引擎Scrapy精讲—通过downloadmiddleware中间件全局随机更换user-agent浏览器用户代理

    第三百四十七节,Python分布式爬虫打造搜索引擎Scrapy精讲—通过downloadmiddleware随机更换user-agent浏览器用户代理 downloadmiddleware介绍中间件是 ...

  4. JS随机生成不重复数据的代码分享

    JS随机生成不重复数据. 代码如下: <script> // 定义存放生成随机数的数组 var array=new Array(); // 循环N次生成随机数 for(var i = 0 ...

  5. 二十七 Python分布式爬虫打造搜索引擎Scrapy精讲—通过自定义中间件全局随机更换代理IP

    设置代理ip只需要,自定义一个中间件,重写process_request方法, request.meta['proxy'] = "http://185.82.203.146:1080&quo ...

  6. 二十六 Python分布式爬虫打造搜索引擎Scrapy精讲—通过downloadmiddleware中间件全局随机更换user-agent浏览器用户代理

    downloadmiddleware介绍中间件是一个框架,可以连接到请求/响应处理中.这是一种很轻的.低层次的系统,可以改变Scrapy的请求和回应.也就是在Requests请求和Response响应 ...

  7. js动态更换img的src问题

    在本地开发测试过程中,通过js动态更换img的src没有问题,图片正常切换,但是放在服务器上后测试发现,图片不显示,解决方法为:在对应onclick事件执行切换图片的js函数后加上一个return f ...

  8. js 随机生成姓名、手机号、身份证号、银行卡号

    开发测试的时候,经常需要填写姓名.手机号.身份证号.银行卡号,既要符合格式要求.又不能重复.大家会到网上搜各种生成器.能不能自己写一个简单的生成器呢.下面是随机生成姓名.手机号.身份证号.银行卡号的j ...

  9. js随机从数组中取出几个元素

    JS如何从一个数组中随机取出一个元素或者几个元素. 假如数组为 var items = ['1','2','4','5','6','7','8','9','10']; 1.从数组items中随机取出一 ...

随机推荐

  1. 【HAPPY FOREST】用Unreal Engine4绘制实时CG影像

    用Unreal Engine绘制实时CG影像 近年来,对实时CG的关心热度越来越高,但要想弥补与预渲染方式的差异并不是那么容易.这里就有影像业界的先锋进行挑战的MARZA ANIMATION PLAN ...

  2. PHP开发绝对不能违背的安全铁则

    PHP开发绝对不能违背的安全铁则 ［来源］ 达内    ［编辑］ 达内   ［时间］2012-12-27 使用 mysql_real_escape_string() 作为用户输入的包装器,就可以避免用 ...

  3. 看StackOverflow如何用25台服务器撑起5.6亿的月PV

    问答社区网络 StackExchange 由 100 多个网站构成,其中包括了 Alexa 排名第 54 的 StackOverflow.StackExchang 有 400 万用户,每月 5.6 亿 ...

  4. 微信自定义菜单说php json_encode不转义中文汉字的方法

    http://blog.csdn.net/qmhball/article/details/45690017 最近在开发微信自定义菜单. 接口比较简单,就是按微信要求的格式post一段json数据过去就 ...

  5. Linux shell 变量 数学 运算

    Abstract : 1)  Linux shell 中使用 let , [ ] ,(( )) 三种运算符操作 shell 变量进行简单的基本运算: 2)Linux shell 中使用 expr 与 ...

  6. ActiveMQ持久化消息

    ActiveMQ的另一个问题就是只要是软件就有可能挂掉,挂掉不可怕,怕的是挂掉之后把信息给丢了,所以本节分析一下几种持久化方式: 一.持久化为文件 ActiveMQ默认就支持这种方式,只要在发消息时设 ...

  7. ActiveMQ发布订阅模式

    ActiveMQ的另一种模式就SUB/HUB即发布订阅模式,是SUB/hub就是一拖N的USB分线器的意思.意思就是一个来源分到N个出口.还是上节的例子,当一个订单产生后,后台N个系统需要联动,但有一 ...

  8. [LeetCode] Combination Sum II （递归）

    Given a collection of candidate numbers (C) and a target number (T), find all unique combinations in ...

  9. Magento订单打印(pdf格式)

    Magento自身包含有:打印发票单,打印装箱单,打印退款单.这些都是基于西方国家的习惯来布置的.公司有个需求就是打印订单的四联单,PDF格式的,要一周内完成.刚接到这个任务时,觉得头大,因为对于PH ...

  10. (leetcode)Reverse Linked List 脑子已经僵住

    Reverse a singly linked list. 参考http://www.2cto.com/kf/201110/106607.html 方法1: 讲每个节点的指针指向前面就可以. /** ...