python转盘抽奖概率_h5超简单大转盘抽奖效果（概率可控）

也不太会讲解，直接贴代码吧。内容很简单，应该都可以看懂

超简单转盘抽奖效果

#bg {

width: 650px;

height: 600px;

margin: 0 auto;

background: url(img/content_bg.jpg) no-repeat;

position: relative;

}

img.zhuanpan {

position: absolute;

z-index: 10;

top: 155px;

left: 247px;

}

img.content {

position: absolute;

z-index: 5;

top: 60px;

left: 116px;

transition: all 4s;

}

var rotate = 720//默认至少转两圈

var canGet = [1,2,3]//中奖范围(比如你只打算让用户抽中1、2、3等奖，其他的概率为0)

var nowNum = 0;//当前点击次数

var canGetRanDom = 0;//中奖范围内的随机度数

document.getElementById("btn").onclick = function(){

var ranDom = Math.floor(Math.random() * 3)

canGetRanDom = Math.floor(Math.random() * 40) + 5

//原理：随机计算本轮转圈的度数，再加上默认转两圈(为了视觉效果)

btnFun((Math.ceil((canGet[ranDom]-1) * 51.4) + canGetRanDom) + rotate*(Number(nowNum)+1),canGet[ranDom])

nowNum++

}

function btnFun(rotateS,now){

document.getElementById("content").style.transform = "rotate("+ rotateS +"deg)"

setTimeout(function(){

alert("恭喜你获得免单"+now+"等奖")

},4000)

}

下面是效果图

注释也比较清晰