本文实例为大家分享了js实现抽奖功能的具体代码，供大家参考，具体内容如下
html部分：
|
1
2
3
4
5
|
<div id="title" class="title">开始抽奖啦</div> <div class="btns"> <span id="play">开始</span> <span id="stop">结束</span></div> |
css部分：
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
|
*{margin: 0;padding: 0;}.title{width: 400px;height:70px ;/*水平居中*/margin: 0 auto;padding-top: 30px;text-align: center;font-size: 24px;color:#F00;}.btns{width: 190px;height: 30px;margin: 0 auto;}.btns span{display: block;float:left;width:80px;height:27px;line-height:27px;background:#036;border:1px solid #eee;border-radius:7px;margin-right:10px;color:#FFF;text-align:center;font-size:14px;font-family:"微软雅黑";cursor:pointer;} |
Js部分：
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
|
var data=['Phone5','Ipad','笔记本','相机','打印机','谢谢参与','50元券'];var timer=null; window.function(){ var play=document.getElementById('play'); var stop=document.getElementById('stop'); play.playFun; stop.stopFun; } function playFun(){ var play=document.getElementById('play'); var title=document.getElementById('title'); clearInterval(timer); timer=setInterval(function(){ var random=Math.floor(Math.random()*data.length); title.innerHTML=data[random]; },50) play.style.background='#eee'; } function stopFun(){ var play=document.getElementById('play'); clearInterval(timer); play.style.background='#036'; } |
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持服务器之家。
原文链接：https://blog.csdn.net/melocarter/article/details/88964760
