基于随机数的抽奖器

基于随机数的抽奖器 随笔 第1张

SRE实战 互联网时代守护先锋,助力企业售后服务体系运筹帷幄!一键直达领取阿里云限量特价优惠。

1、定时器叠加问题,设置一个标志类解决

具体代码如下:

===========css样式==============

<style>
#container{
width: 300px;
height: 200px;
margin:0 auto;
margin-top: 120px;
border:1px solid #f90;
background: #f90;
border-radius: 20px;
font-size: 30px;
text-align: center;
color: #fff;
font-weight: bold;
}
#uname{
width: 200px;
height: 70px;
margin: 0 auto;
margin-top: 30px;
background: skyblue;
border-radius: 10px;
line-height: 70px;
cursor: pointer;
user-select: none;
}
#btn{
width: 150px;
height: 45px;
background: pink;
margin:0 auto;
margin-top: 20px;
border-radius: 5px;
line-height: 45px;
cursor: pointer;
user-select: none;
}
</style>

===========js代码==============

基于随机数的抽奖器 随笔 第2张

扫码关注我们
微信号:SRE实战
拒绝背锅 运筹帷幄