简便抽奖

来源:互联网 发布:linux mysql 是否启动 编辑:程序博客网 时间:2024/04/30 13:21
<style>
table{text-align: center;font-size: 20px;border: 1px solid #000;}
tr{height: 100px;border: 1px solid #000}
td{width : 100px;border: 1px solid #000;}
</style>
<meta charset="utf8">
<center>
<h3>抽奖</h3>
<table>
<tr>
<td class="aw1">一等奖</td>
<td class="aw2">二等奖</td>
<td class="aw3">三等奖</td>
</tr>
<tr  aa='1'>
<td class="aw8">谢谢惠顾</td>
<td class="but" style="color: red;cursor:pointer "><b>开始</b></td>
<td class="aw4">四等奖</td>
</tr>
<tr>
<td class="aw7">七等奖</td>
<td class="aw6">六等奖</td>
<td class="aw5">五等奖</td>
</tr>
</table>
<!-- <script src='jquery-1.8.3.js'></script> -->
<script src="http://code.jquery.com/jquery-1.4.1.js"></script>
<script>
$('.but').click(function() {
zz = $(this).parent()
if (zz.attr('aa')=='1') {
zz.attr('aa','0')
aa = Math.ceil(3000+Math.random()*1000)
i = 1
time = 0
sta = setInterval(function() {
i++
j = i-1
time+=50
if (i>8) {
$('.aw'+j).css('background','')
i=1
}
$('.aw'+i).css('background','pink')
$('.aw'+j).css('background','')
if (time>aa) {
clearInterval(sta)
zz.attr('aa','1')
if (i==8) {
alert('谢谢惠顾')
}else{
alert('恭喜你获得'+$('.aw'+i).html())
}
$('.aw'+i).css('background','')
}
},50)
}
})
</script>