<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
body,div,ul,li{margin:0;padding: 0;}
li{list-style: none;}
.box{overflow: hidden;}
#left li,#right{float:left;width: 30px;height: 30px;line-height:30px;border-radius: 50%;background: #F00;color: #FFF;text-align: center;}
#right{background:#00f;}
#btn{display: block;margin: 10px 0 0 50px;}
</style>
</head>
<body>
<div>
<ul id="left">
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
<div id="right"><span></span></div>
</div>
<input id="btn" type="button" value="随机来1注"/>
<script>
var btnObj=document.getElementById("btn");
var divObj=document.getElementById("right");
var ulObj=document.getElementById("left");
var lisObj=document.getElementsByTagName("li");
btnObj.onclick= function () {
var r=Math.floor(Math.random()*16+1);
divObj.innerHTML=r;
//
var redArr=[];//新建数组的语法
for(var i=1;i<=33;i++)//通过循环创建数组
{
redArr[i-1]=i;
}
var redNumArr=[];//存放结果的数组
for(var j=0;j<6;j++){
var rano=Math.floor(Math.random()*redArr.length);//返回随机数0-redArrlength
redNumArr[j]=redArr[rano];//将随机得到的数给rednumber
redArr.splice(rano,1);//将得到的数从redArr删除,splice,删除元素并向数组添加元素,rano是删除的位置,1是删除的数量,返回数组
}
redNumArr.sort(function(a,b){//升序
return a-b;//降序返回b-a;
});
for(var k=0;k<6;k++){//数组插入数组
lisObj[k].innerHTML=redNumArr[k];
}
}
</script>
</body>
</html>
转载于:https://my.oschina.net/u/2421889/blog/485999