想要一个新年抽奖软件
复制以下代码,然后创建一个新的index.html并将代码粘贴到其中,然后打开文件查看效果。
& lt!DOCTYPE?html & gt
& lthtml?lang = " zh " & gt
& lthead & gt
& ltmeta?charset="UTF-8 " >
& ltmeta?name="viewport "?content = " width =设备宽度,?initial-scale=1.0 " >
& ltmeta?http-equiv="X-UA兼容"?content="ie=edge " >
& lttitle & gt随机点名
& ltstyle & gt
* {填充:?0;边距:?0;}
#name{width:1200 px;边距:?0?自动;显示:?flex柔性包装:?wrap}
#姓名?李{显示:?屏蔽;填充:?10px?15px;边框:?4px?固体?# e3e3e3宽度:?8%;保证金:1%;颜色:?绿色;背景:?# eee字体粗细:?粗体;文本对齐:?居中;字体大小:?18px;框大小:?边框;}
#姓名?div {宽度:?100%;文本对齐:?居中;}
#姓名?按钮{填充:?10px?15px;显示:?内嵌块;}
#姓名?。活动{border:?4px?固体?红色;颜色:?红色;}
。项目{margin:?100px?自动;宽度:?1200 px;}
。物品?输入{填充:?0?5px框大小:?边框;行高:?35px}
。物品?按钮{填充:?8px}
。物品?#yz,。物品?# yz2 {填充:?8px?15px;字体粗细:?粗体;}
& lt/style & gt;
& lt/head & gt;
& ltbody & gt
& ltul?id = " name " & gt
/*?在这里写下名字,每一个?& lt李& gt* * * & lt/李& gt?是一个人的名字,
& lt李& gt张三
& lt李& gt李四李& gt
& lt李& gt王武李& gt
& lt李& gt刘钊
& lt李& gt孙琦李& gt
& lt李& gt钱八
& lt李& gt姚李& gt
& lt李& gt龙十
& lt李& gt龙十一
& lt李& gt张海的
& lt李& gt李李& gt
& lt李& gt王大狗李& gt
& lt李& gt赵茜李& gt
& lt李& gt孙悟空李& gt
& lt李& gt猪八戒李& gt
& lt李& gt唐三藏李& gt
& lt李& gt沙和尚李& gt
& lt李& gt白李& gt
& lt李& gt唐太宗李;
& lt李& gt李世民李& gt
& lt李& gt贾宝玉李& gt
& lt李& gt秦始皇李& gt
& lt李& gt赵匡胤李& gt
& lt李& gt康熙李& gt
& lt李& gt甘龙李& gt
& lt李& gt魁拔李& gt
& lt李& gt美女李& gt
& lt李& gt黑色煤化
& lt李& gt唐唐李& gt
& lt李& gt李隆基李& gt
& lt/ul & gt;
& ltdiv?style="text-align:center " >
& lt按钮?id="btn "?style = " display:inline-block;填充:10px?25px边框:1px?固体?红色;边框半径:25px背景:橙色;字体大小:?18px;字体粗细:?粗体;颜色:?# fff字母间距:2px"& gt开始点名
& lt/div & gt;
& lt脚本& gt
/*
*?随机点名开始
*/
var?btn?=?document . getelementbyid(' BTN ');
var?na?=?document.getElementById('name ')
var?lis?=?na . getelementsbytagname(' Li ');
功能?名称(){
var?指数?=?parse int(math . random()* 30);
var?ind?=?指数;
for(var?我?=?0;我& lt长度;i++){
列表[i]。类名?=?''
}
lis[索引]。类名?=?"活动"
}
var?答?=?真实;
var?nameStart
btn.onclick=?函数(){
如果(a){
nameStart?=?setInterval(名称,0)
btn.innerHTML?=?'停止点名'
答?=?假的;
}否则{
clearInterval(名称开始)
btn.innerHTML?=?'开始点名'
答?=?真实;
}
}
/*
*?随机点名结束
*/
& lt/script & gt;
& lt/body & gt;
& lt/html & gt;