如下所示:
<!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小时内与您取得联系。