<div class="box">
<div id="grid1" class="grid">电信优惠卷</div>
<div id="grid2" class="grid">谢谢惠顾</div>
<div id="grid3" class="grid">奖品3</div>
<div id="grid8" class="grid">奖品8</div>
<div class="grid">
<button id="btn" onclick="clickStart()">开始抽奖</button>
</div>
<div id="grid4" class="grid">奖品4</div>
<div id="grid7" class="grid">奖品7</div>
<div id="grid6" class="grid">奖品6</div>
<div id="grid5" class="grid">奖品5</div>
<audio src=""></audio>
</div>
<h1 id="info"></h1>
function clickStart(){
for(let i = 1; i < 9; i++){
document.getElementById('grid' + i).style.backgroundColor = '';
}
document.getElementById('btn').disabled = true;
let starIndex = Math.floor(Math.random() * 8) + 1;
let id = 1
let count = 0
let timer = setInterval(() => {
let grid = document.getElementById('grid' + id);
grid.style.backgroundColor = 'tomato';
document.getElementById('grid' + (id==1 ? 8: id-1) ).style.backgroundColor = '';
if(count == 3 && id == starIndex){
clearInterval(timer);
document.getElementById('info').innerHTML += '中奖信息:' + grid.innerHTML;
document.getElementById('btn').disabled = false;
return
}
id++
if(id > 8){
id = 1 ;
count++ ;
}
}, 200)
}