html5 在线抽奖,HTML5大转盘抽奖特效代码

var turnplate={

restaraunts:[],//大转盘奖品名称

colors:[],//大转盘奖品区块对应背景颜色

outsideRadius:192,//大转盘外圆的半径

textRadius:155,//大转盘奖品位置距离圆心的距离

insideRadius:68,//大转盘内圆的半径

startAngle:0,//开始角度

bRotate:false//false:停止;ture:旋转

};

$(document).ready(function(){

//动态添加大转盘的奖品与奖品区域背景颜色

turnplate.restaraunts = ["50M免费流量包", "10闪币", "谢谢参与", "5闪币", "10M免费流量包", "20M免费流量包", "20闪币 ", "30M免费流量包", "100M免费流量包", "2闪币"];

turnplate.colors = ["#FFF4D6", "#FFFFFF", "#FFF4D6", "#FFFFFF","#FFF4D6", "#FFFFFF", "#FFF4D6", "#FFFFFF","#FFF4D6", "#FFFFFF"];

var rotateTimeOut = function (){

$('#wheelcanvas').rotate({

angle:0,

animateTo:2160,

duration:8000,

callback:function (){

alert('网络超时，请检查您的网络设置！');

}

});

};

//旋转转盘 item:奖品位置; txt：提示语;

var rotateFn = function (item, txt){

var angles = item * (360 / turnplate.restaraunts.length) - (360 / (turnpl