简单的九宫格转盘文字抽奖js代码

一简单的九宫格转盘文字抽奖js代码，支持自定义中奖文字，奖品序号，转盘速度等。

js代码
<script>
varprize=document.getElementById('prize');
varspans=document.querySelectorAll("div>span");
functionstart(){
//if(typeof(num)=='undefined'){
////spans[num].classList.remove('aa');//清空上一次结果
//console.log('hhh')
//}
spans.forEach(function(el,index){
if(index!=0){
el.classList.remove('aa');//清空上一次结果
}
})
prize.textContent='';
spans[8].style.cursor="not-allowed";
spans[8].onclick=null;
letnum=-1;//奖品序号
lettimes=parseInt(Math.random()*(30-18+1)+18,10);
lettime=0;//当前的旋转次数
letspeed=100;//转盘速度
timer=setInterval(function(){
num++;
time++;
if(num>7){
num=0;
spans[0].classList.add('aa');
spans[7].classList.remove('aa');
}elseif(num==0){
spans[num].classList.add('aa');
spans[7].classList.remove('aa');
}else{
spans[num].classList.add('aa');
spans[num-1].classList.remove('aa');
}
if(time>times){
spans[8].onclick=start;
spans[8].style.cursor="pointer";
clearInterval(timer);
prize.textContent='恭喜您抽中了'+spans[num].textContent+'!!!';
}
},speed)
}
spans[8].onclick=start;
</script>



下载

2023-11-22 21:17 上传

点击文件名下载附件
售价: 1 金币  [记录]  [购买]