全网整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:400-708-3566

JavaScript实现简单的双色球(实例讲解)

如下所示:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>双色球</title>
  <link rel="stylesheet" type="text/css" href="css/twoToneClass.css" rel="external nofollow" >
</head>
  <script type="text/javascript">
    function getway(){
    //定义一个数组 用来装红色球的随机数
      var reds=[parseInt(Math.random()*33+1)]; //1-33的随机数
      //定义一个数组 用来装蓝色球的随机数
      var blues=[parseInt(Math.random()*16+1)]; //1-16的随机数

      while(reds.length<6){  //双色球是6红1蓝,故长度小于6 说明会循环5次 因为前面reds已经有一次的默认值
        var r=parseInt(Math.random()*33+1); //定义r 随机数的取值与reds一致 用于与reds作比较
        for (var i = 0; i < reds.length; i++) {
          if (reds[i]==r) {    //若 reds中的随机值与r中的相等,则跳出,继续i++取值
            break;        //若reds中的随机值与r中的不相等,则进入else if
          } else if(i==reds.length-1){ //reds.length-1 --> 原先的reds.length为5,减1为4,而数组是从0 开始算,所以这里会循环5次,刚好与 reds.length<6 同步;且 i等于reds.length-1,是让随机数循环5次(另外就是让它找到定义中的最后一位数)
            reds.push(r);        //将r中的值添加到reds中  push():向数组中添加元素
//值得注意是!r与reds作比较时,是以reds中现有的数作比较,因为 reds.push(r); 这句代码已经向reds中添加了数值,所以r不是以reds中自身产生的随机数作比较,而是原先r添加到reds中的值作比较
          }
        }
      }
      //document.write(reds);
      //排序
      reds.sort(function compare(a,b) {
        return a-b;
      })
      //打印随机数
      for (var h = 0; h < reds.length; h++) {
        document.getElementById('tone'+h+'').innerHTML=reds[h];
      }
       document.getElementById('tone6').innerHTML=blues;
    }
    
  </script>
<body>
  <div id="tone0"></div>
  <div id="tone1"></div>
  <div id="tone2"></div>
  <div id="tone3"></div>
  <div id="tone4"></div>
  <div id="tone5"></div>
  <div id="tone6"></div>
  <button type="button" id="cilckMe" onclick="getway()">点我生成双色球</button>
</body>
</html>

以上这篇JavaScript实现简单的双色球(实例讲解)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。


# js实现双色球  # 原生JS实现的双色球功能示例  # JavaScript生成福利彩票双色球号码  # javascript 双色球对奖器  # JavaScript lodash常见用法系列小结  # 使用JavaScript中的lodash编写双色球效果  # 随机数  # 双色球  # 给大家  # 是从  # 希望能  # 有一次  # 所示  # 让它  # 这篇  # 这句  # 小编  # 大家多多  # 默认值  # 组中  # 不相等  # nofollow  # link  # css  # javascript  # script 


相关文章: 小自动建站系统:AI智能生成+拖拽模板,多端适配一键搭建  百度网页制作网站有哪些,谁能告诉我百度网站是怎么联系?  非常酷的网站设计制作软件,酷培ai教育官方网站?  建站之星各版本价格是多少?  网站设计制作公司地址,网站建设比较好的公司都有哪些?  哈尔滨网站建设策划,哈尔滨电工证查询网站?  如何用景安虚拟主机手机版绑定域名建站?  武汉网站如何制作,黄黄高铁武穴北站途经哪些村庄?  深入理解Android中的xmlns:tools属性  如何制作网站标识牌,动态网站如何制作(教程)?  建站三合一如何选?哪家性价比更高?  建站主机服务器选型指南与性能优化方案解析  唐山网站制作公司有哪些,唐山找工作哪个网站最靠谱?  杭州银行网站设计制作流程,杭州银行怎么开通认证方式?  武汉网站设计制作公司,武汉有哪些比较大的同城网站或论坛,就是里面都是武汉人的?  学校建站服务器如何选型才能满足性能需求?  装修招标网站设计制作流程,装修招标流程?  建站之星如何开启自定义404页面避免用户流失?  海南网站制作公司有哪些,海口网是哪家的?  如何确认建站备案号应放置的具体位置?  在线ppt制作网站有哪些,请推荐几个好的课件下载的网站?  如何快速搭建虚拟主机网站?新手必看指南  台州网站建设制作公司,浙江手机无犯罪记录证明怎么开?  网站视频怎么制作,哪个网站可以免费收看好莱坞经典大片?  相亲简历制作网站推荐大全,新相亲大会主持人小萍萍资料?  如何在IIS服务器上快速部署高效网站?  定制建站哪家更专业可靠?推荐榜单揭晓  Swift中swift中的switch 语句  网站制作服务平台,有什么网站可以发布本地服务信息?  Android自定义listview布局实现上拉加载下拉刷新功能  ,制作一个手机app网站要多少钱?  制作门户网站的参考文献在哪,小说网站怎么建立?  微信网站制作公司有哪些,民生银行办理公司开户怎么在微信网页上查询进度?  网站好制作吗知乎,网站开发好学吗?有什么技巧?  如何在企业微信快速生成手机电脑官网?  导航网站建站方案与优化指南:一站式高效搭建技巧解析  常州企业建站如何选择最佳模板?  制作证书网站有哪些,全国城建培训中心证书查询官网?  定制建站如何定义?其核心优势是什么?  洛阳网站制作公司有哪些,洛阳的招聘网站都有哪些?  如何规划企业建站流程的关键步骤?  济南网站制作的价格,历城一职专官方网站?  制作ppt免费网站有哪些,有哪些比较好的ppt模板下载网站?  专业网站制作企业网站,如何制作一个企业网站,建设网站的基本步骤有哪些?  建站主机是否等同于虚拟主机?  ,有什么在线背英语单词效率比较高的网站?  微课制作网站有哪些,微课网怎么进?  mc皮肤壁纸制作器,苹果平板怎么设置自己想要的壁纸我的世界?  宝塔新建站点为何无法访问?如何排查?  如何通过老薛主机一键快速建站? 

您的项目需求

*请认真填写需求信息,我们会在24小时内与您取得联系。