js 简版双色球 取号
<style type="text/css">
span{
display: block;
float: left;
width: 50px;
height: 50px;
border: 1px solid red;
background-color: #000;
}
div{
width: 520px;
height: 520px;
margin: 0 auto;
overflow: hidden;
border: 1px solid red;
}
</style>
<div></div>
<button>start</button>
<h1></h1>
<script type="text/javascript">
var div=document.getElementsByTagName('div')[0];
var btn=document.getElementsByTagName('button')[0];
var h1=document.getElementsByTagName('h1')[0];
for(var i=1;i<34;i++){
var span=document.createElement('span');
span.innerHTML=i;
div.appendChild(span);
};
var spans=div.getElementsByTagName('span');
function white(obj){
obj.style.backgroundColor="#fff";
};
function sortNumber(a,b){
return a-b;
};
function checkRepeat(num,arr){
for(var i=0,j=arr.length;i<j;i++){
if (num==arr[i]) {
return false;
};
};
return true;
};
btn.onclick=function(){
// 初始化
h1.innerHTML="";
for(var i=0,j=spans.length;i<j;i++){
spans[i].style.backgroundColor="#000";
}
// 循环的到6个数
var poor=[];
for(var i=0,j=6;i<j;i++){
var num=Math.floor(spans.length*Math.random());
if (checkRepeat(num,poor)) {
poor.push(num);
}else{
j++;
};
};
// 排序
var poorSort=poor.sort(sortNumber);
// 另一种高效排序
function quicksort(arr){
if (arr.length == 0)
return [];
var left = new Array();
var right = new Array();
var pivot = arr[0];
for (var i = 1; i < arr.length; i++) {
if (arr[i] < pivot) {
left.push(arr[i]);
} else {
right.push(arr[i]);
}
}
return left.concat(pivot, right);
// return quicksort(left).concat(pivot, quicksort(right));
}
// var poorSort=quicksort(poor);
// 显示数据
for(var i=0,j=poorSort.length;i<j;i++){
white(spans[poorSort[i]]);
h1.innerHTML=h1.innerHTML+parseInt(poorSort[i]+1);
if (i<j-1) {
h1.innerHTML=h1.innerHTML+",";
};
};
}
</script>
js 简版双色球 取号的更多相关文章
- js简版定时器
<html> <head> <meta http-equiv="Content-Type" content="text/html; char ...
- 自定义滚动条Js简版
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>自定义滚 ...
- js消除小游戏(极简版)
js小游戏极简版 (1) 基础布局 <div class = "box"> <p></p> <div class="div&qu ...
- Underscore源码阅读极简版入门
看了网上的一些资料,发现大家都写得太复杂,让新手难以入门.于是写了这个极简版的Underscore源码阅读. 源码: https://github.com/hanzichi/underscore-an ...
- FFmpeg简易播放器的实现-最简版
本文为作者原创:https://www.cnblogs.com/leisure_chn/p/10040202.html,转载请注明出处 基于FFmpeg和SDL实现的简易视频播放器,主要分为读取视频文 ...
- 基于JQ的简版选项卡记录
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" ...
- typescript 简版跳一跳
typescript 简版跳一跳 学习typescript,第一步应该是学习官方文档,理解最基础的语法.第二步开始用typescript实现一些js+css 或者canvas类型的游行.现在开始我们用 ...
- SpringBoot2+Netty打造通俗简版RPC通信框架(升级版)
背景 上篇文章我简单的介绍了自己打造的通俗简版RPC通信框架,这篇是对简版的增强~ 如果大家对此项目还感兴趣的话,可到码云上瞄瞄:Netty-RPC 上 ...
- 腾讯云短信SDK-精简版
/** * 腾讯云短信SDK-精简版 * 本模块使用-向腾讯云短信服务器发送请求 * @return json 腾讯服务器返回值-json字符串 */ private function send_sm ...
随机推荐
- ECMAScript基础
概念: 1):区分大小写 2):变量是弱类型的. 3):每行结尾的分号可有可无 4):注释与Java,C和PHP语言的注释相同 5):括号表明代码块 原始值:是存储在栈中的简单数据段,也就是说他们的值 ...
- Codeforces 1114 - A/B/C/D/E/F - (Undone)
链接:http://codeforces.com/contest/1114 A - Got Any Grapes? 题意:甲乙丙三个人吃葡萄,总共有三种葡萄:绿葡萄.紫葡萄和黑葡萄,甲乙丙三个人至少要 ...
- [No0000199]设计模式总结
设计模式之间的关系: 设计模式总概况: 一.设计原则 .单一职责原则 一个类,只有一个引起它变化的原因.应该只有一个职责.每一个职责都是变化的一个轴线,如果一个类有一个以上的职责,这些职责就耦合在了一 ...
- ts-loader 安装问题
首先,有个问题:ts-loader是将typescript转成javascript,转成哪个版本的javascript版本? 查询到参考地址:http://morning.work/page/othe ...
- iis7下url重写后,已存在的html不能访问了(未能执行URL)的解决方法
iis7下url重写后,原本存在的html不能访问了,未能执行URL(asp.net对真正的.html(但不符合重写规的)就不知道如何处理了),遇到类似情况的朋友可以参考下 当把.html的url ...
- python list的函数
1. list.append(obj) 在列表末尾添加新的对象 2. list.count(obj) 统计某个元素在列表中出现的次数 3. list.extend(seq) 在列表末尾一次性追加另一个 ...
- xslt注入
XSL(可扩展样式表语言)是一种用于转换XML文档的语言,XSLT表示的就是XSL转换,而XSL转换指的就是XML文档本身.转换后得到的一般都是不同的XML文档或其他类型文档,例如HTML文档.CSV ...
- JAVA 重写equals和重写hashCode
面试官可能会问你:“你重写过 hashcode 和 equals 么,为什么重写equals时必须重写hashCode方法?” 首先你需要了解: hashCode()的作用是获取哈希码(散列码) 它实 ...
- TP无限回复
引入文件和css样式 <script src="__PUBLIC__/bootstrap/js/jquery-1.11.2.min.js"></script> ...
- 构建高性能的MYSQL数据库系统-主从复制
实验环境: DB1:172.16.1.100 DB2:172.16.1.101 VRRIP:172.16.1.99 步骤: yum -y install mysql 1.修改DB1的mysql配置文件 ...