原生js九宫格文字抽奖代码素材下载

原生js九宫格文字抽奖代码素材下载

简单实用的js九宫格转盘文字抽奖,支持自定义中奖文字,奖品序号,转盘速度等功能。云部落资源网所有软件,源码,素材,等资源均来自网友上传,或网络收集,由于收集过程中几经转载,所以很多作品的原作者不详如果有侵犯版权请及时联系我们,我们会在第一时间处理。

<script>
var prize= document.getElementById(‘prize’);
var spans = document.querySelectorAll(“div>span”);
function start(){
// 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;
let num=-1; //奖品序号
let times=parseInt(Math.random()*(30-18+1)+18,10);
let time=0; //当前的旋转次数
let speed=100; //转盘速度
timer = setInterval(function(){
num++;
time++;
if(num > 7){
num = 0;
spans[0].classList.add(‘aa’);
spans[7].classList.remove(‘aa’);
}else if(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>

如果该资源不能下载,请联系本站在线客服报错,谢谢合作!!

本站部分素材资源及板块内容来自网络,如有侵犯您的权益,请联系我们,站长会立即处理,转载请注明来源网址!
云部落资源网 » 原生js九宫格文字抽奖代码素材下载