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

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. PHP网络操作函数汇总

    PHP网络操作函数汇总 投稿:junjie 字体:[增加 减小] 类型:转载   这篇文章主要介绍了PHP网络操作函数汇总,本文列举了如gethostbyaddr.gethostbyname.head ...

  2. ExtJS笔记5 Components

    参考 :http://blog.csdn.net/zhangxin09/article/details/6914882 An Ext JS application's UI is made up of ...

  3. 纯CSS制作三角（转）

    原原文地址:http://www.w3cplus.com/code/303.html 原文地址:http://blog.csdn.net/dyllove98/article/details/89670 ...

  4. thinkphp的save方法失败

    如果用下面的方式更新数据时, $data['link_phone'] = I('post.link_phone'); $flag1 = $order->save ($data); $data一定 ...

  5. 使用 Linux 搭建 VPN

    http://blog.csdn.net/catoop/article/details/7537012 VPN服务器的配置与应用 实验场景 通过将Linux配置VPN服务器允许远程计算机能够访问内网. ...

  6. Centos下安装Scrapy

    Scrapy是一个开源的机遇twisted框架的python的单机爬虫,该爬虫实际上包含大多数网页抓取的工具包,用于爬虫下载端以及抽取端. 安装环境: centos5.4 python2.7.3 安装 ...

  7. Java IO包装流如何关闭？

      问题: (1)JAVA的IO流使用了装饰模式,关闭最外面的流的时候会自动调用被包装的流的close()方吗? (2)如果按顺序关闭流,是从内层流到外层流关闭还是从外层到内存关闭? 问题(1)解释: ...

  8. 【No.2 Ionic】Android打包

    项目做完之后 接下来就是打包操作了,接下来直接说Android 打包操作 生成签名证书 keytool -genkey -alias vincentguo -keyalg RSA -validity  ...

  9. C#远程共享文件路径访问

    public class Win32ServiceManager    {        private string strPath;        private ManagementClass ...

  10. UItableView自定义标题(headerView)重用问题

    在实现类似QQ列表的功能时,这样自定义了一个标题headerView 在实现类似QQ列表的功能时,这样自定义了一个标题headerView - (UIView *)tableView:(UITable ...