js实现抽奖功能

2023-07-10 20:24:04 303

本文实例为大家分享了js实现抽奖功能的具体代码，供大家参考，具体内容如下

html部分：

开始抽奖啦

开始结束

css部分：

*{
margin:0;
padding:0;
}
.title{
width:400px;
height:70px;
/*水平居中*/
margin:0auto;
padding-top:30px;
text-align:center;
font-size:24px;
color:#F00;
}
.btns{
width:190px;
height:30px;
margin:0auto;
}
.btnsspan{
display:block;
float:left;
width:80px;
height:27px;
line-height:27px;
background:#036;
border:1pxsolid#eee;
border-radius:7px;
margin-right:10px;
color:#FFF;
text-align:center;
font-size:14px;
font-family:"微软雅黑";
cursor:pointer;
}

Js部分：

vardata=['Phone5','Ipad','笔记本','相机','打印机','谢谢参与','50元券'];
vartimer=null;

window.function(){
varplay=document.getElementById('play');
varstop=document.getElementById('stop');
play.playFun;
stop.stopFun;
}
functionplayFun(){
varplay=document.getElementById('play');
vartitle=document.getElementById('title');
clearInterval(timer);

timer=setInterval(function(){
varrandom=Math.floor(Math.random()*data.length);
title.innerHTML=data[random];
},50)
play.style.background='#eee';
}
functionstopFun(){
varplay=document.getElementById('play');
clearInterval(timer);
play.style.background='#036';
}

想要学习更多关于抽奖功能的实现，请参考此专题：抽奖功能

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

js实现抽奖功能

热门推荐

随机推荐