首页 > 其他 > 详细

基于随机数的抽奖器

时间:2019-04-21 16:20:41      阅读:120      评论:0      收藏:0      [点我收藏+]

基于随机数的抽奖器

技术分享图片

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代码==============

技术分享图片

基于随机数的抽奖器

原文:https://www.cnblogs.com/sherryStudy/p/get_prize.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!