h5页面转盘抽奖
var playnum = 5; //初始次数，由后台传入
var isture = 0;
var newdraw = new turntableDraw('#lotteryPic', {
share: 9,
speed: "3s",
velocityCurve: "ease",
weeks: 6,
callback: function (num) {
callbackA(num);
},
});
$("#arrows").click(function (event) {
if (isture) return; // 如果在执行就退出
isture = true; // 标志为 在执行
//先判断是否登录,未登录则执行下面的函数
if ($('#login').length > 0) {
login();
} else { //登录了就执行下面
if (playnum <= 0) {
notrophy();
isture = false;
} else {
playnum = playnum - 1; //执行转盘了则次数减1
if (playnum <= 0) {
playnum = 0;
}
var data = [1, 2, 3, 4, 5, 6, 7, 8, 9];
//data为根据概率后的结果
data = data[Math.floor(Math.random() * data.length)];
newdraw.goto(data);1,2,3,4,5,6,7,8,9表示图片逆时针从箭头数
}
}
});
function callbackA(num) {
var data = 0;
if (num == 1) {
data = 1;
} else if (num == 2) {
data = 5;
} else if (num == 3) {
data = 6;
} else if (num == 4) {
data = 4;
} else if (num == 5) {
data = 7;
} else if (num == 6) {
data = 3;
} else if (num == 7) {
data = 9;
} else if (num == 8) {
data = 2;
} else if (num == 9) {
data = 8;
}
var $trophy = $('.trophy');
if (data == 1) {
setTimeout(function () {
$trophy.find('h2').text('中奖啦！').end()
.find('img').attr('src', '/images/Turntable/t04.png').removeClass('regret').end()
.find('p').text('恭喜您，获得大疆无人机一台!');
hj();
}, 30);
}
if (data == 2) {
setTimeout(function () {
$trophy.find('h2').text('中奖啦！').end()
.find('img').attr('src', '/images/Turntable/t05.png').removeClass('regret').end()
.find('p').text('恭喜您，获得小米电视一台!');
hj();
}, 30);
}
if (data == 3) {
setTimeout(function () {
$trophy.find('h2').text('中奖啦！').end()
.find('img').attr('src', '/images/Turntable/t06.png').removeClass('regret').end()
.find('p').text('恭喜您，获得九阳原汁机一台!');
hj();
}, 30);
}
if (data == 4) {
setTimeout(function () {
$trophy.find('h2').text('中奖啦！').end()
.find('img').attr('src', '/images/Turntable/t07.png').removeClass('regret').end()
.find('p').text('恭喜您，获得格力空调扇一台!');
hj();
}, 30);
}
if (data == 5) {
setTimeout(function () {
$trophy.find('h2').text('中奖啦！').end()
.find('img').attr('src', '/images/Turntable/t08.png').removeClass('regret').end()
.find('p').text('恭喜您，获得美的电烤箱一台!');
hj();
}, 30);
}
if (data == 6) {
setTimeout(function () {
$trophy.find('h2').text('中奖啦！').end()
.find('img').attr('src', '/images/Turntable/t09.png').removeClass('regret').end()
.find('p').text('恭喜您，获得小米充电宝一个!');
hj();
}, 30);
}
if (data == 7) {
setTimeout(function () {
$trophy.find('h2').text('中奖啦！').end()
.find('img').attr('src', '/images/Turntable/t10.png').removeClass('regret').end()
.find('p').text('恭喜您，获得50元话费券一张!');
hj();
}, 30);
}
if (data == 8) {
setTimeout(function () {
$trophy.find('h2').text('中奖啦！').end()
.find('img').attr('src', '/images/Turntable/t11.png').removeClass('regret').end()
.find('p').text('恭喜您，获得5元返金券一张!');
hj();
}, 30);
}
if (data == 9) {
setTimeout(function () {
$trophy.find('h2').text('很遗憾~').end()
.find('img').attr('src', '/images/Turntable/t03.png').addClass('regret').end()
.find('p').text('本次未中奖，谢谢参与');
hj();
}, 30);
};
isture = false; // 标志为 执行完毕
};
function turntableDraw(obj, jsn) {
"use strict";
this.draw = {};
this.draw.obj = $(obj);
this.draw.objClass = $(obj).attr("class");
this.draw.newClass = "rotary" + "new" + parseInt(Math.random() * 1000);
var _jiaodu = parseInt(360 / jsn.share);
var _yuan = 360 * (jsn.weeks || 4);
var _str = "";
var _speed = jsn.speed || "2s";
var _velocityCurve = jsn.velocityCurve || "ease";
var _this = this;
for (var i = 1; i <= jsn.share; i++) {
_str += "." + this.draw.newClass + i + "{";
_str += "transform:rotate(" + ((i - 1) * _jiaodu + _yuan) + "deg);";
_str += "-ms-transform:rotate(" + ((i - 1) * _jiaodu + _yuan) + "deg);";
_str += "-moz-transform:rotate(" + ((i - 1) * _jiaodu + _yuan) + "deg);";
_str += "-webkit-transform:rotate(" + ((i - 1) * _jiaodu + _yuan) + "deg);";
_str += "-o-transform:rotate(" + ((i - 1) * _jiaodu + _yuan) + "deg);";
_str += "transition: transform " + _speed + " " + _velocityCurve + ";";
_str += "-moz-transition: -moz-transform " + _speed + " " + _velocityCurve + ";";
_str += "-webkit-transition: -webkit-transform " + _speed + " " + _velocityCurve + ";";
_str += "-o-transition: -o-transform " + _speed + " " + _velocityCurve + ";";
_str += "}";
_str += "." + this.draw.newClass + i + "stop{";
_str += "transform:rotate(" + ((i - 1) * _jiaodu) + "deg);";
_str += "-ms-transform:rotate(" + ((i - 1) * _jiaodu) + "deg);";
_str += "-moz-transform:rotate(" + ((i - 1) * _jiaodu) + "deg);";
_str += "-webkit-transform:rotate(" + ((i - 1) * _jiaodu) + "deg);";
_str += "-o-transform:rotate(" + ((i - 1) * _jiaodu) + "deg);";
_str += "}";
};
$(document.head).append("<style>" + _str + "</style>");
_speed = _speed.replace(/s/, "") * 1000;
this.draw.startTurningOk = false;
this.draw.goto = function (ind) {
if (_this.draw.startTurningOk) { return false };
_this.draw.obj.attr("class", _this.draw.objClass + " " + _this.draw.newClass + ind);
_this.draw.startTurningOk = true;
setTimeout(function () {
_this.draw.obj.attr("class", _this.draw.objClass + " " + _this.draw.newClass + ind + "stop");
if (jsn.callback) {
_this.draw.startTurningOk = false;
jsn.callback(ind);
};
}, _speed + 10);
return _this.draw;
};
return this.draw;
};