转盘抽奖活动代码

//抽奖转盘轮播图

(function () {
    $(function () {

        //抽奖转盘
        //控制速度的函数
        var moveStyle = {
            Linear: function (g, f, i, h) {
                return i * g / h + f
            },
            Quad: {
                easeIn: function (g, f, i, h) {
                    return i * (g /= h) * g + f
                },
                easeOut: function (g, f, i, h) {
                    return -i * (g /= h) * (g - 2) + f
                },
                easeInOut: function (g, f, i, h) {
                    if ((g /= h / 2) < 1) {
                        return i / 2 * g * g + f
                    }
                    return -i / 2 * ((--g) * (g - 2) - 1) + f
                }
            },
            Cubic: {
                easeIn: function (g, f, i, h) {
                    return i * (g /= h) * g * g + f
                },
                easeOut: function (g, f, i, h) {
                    return i * ((g = g / h - 1) * g * g + 1) + f
                },
                easeInOut: function (g, f, i, h) {
                    if ((g /= h / 2) < 1) {
                        return i / 2 * g * g * g + f
                    }
                    return i / 2 * ((g -= 2) * g * g + 2) + f
                }
            },
            Quart: {
                easeIn: function (g, f, i, h) {
                    return i * (g /= h) * g * g * g + f
                },
                easeOut: function (g, f, i, h) {
                    return -i * ((g = g / h - 1) * g * g * g - 1) + f
                },
                easeInOut: function (g, f, i, h) {
                    if ((g /= h / 2) < 1) {
                        return i / 2 * g * g * g * g + f
                    }
                    return -i / 2 * ((g -= 2) * g * g * g - 2) + f
                }
            },
            Quint: {
                easeIn: function (g, f, i, h) {
                    return i * (g /= h) * g * g * g * g + f
                },
                easeOut: function (g, f, i, h) {
                    return i * ((g = g / h - 1) * g * g * g * g + 1) + f
                },
                easeInOut: function (g, f, i, h) {
                    if ((g /= h / 2) < 1) {
                        return i / 2 * g * g * g * g * g + f
                    }
                    return i / 2 * ((g -= 2) * g * g * g * g + 2) + f
                }
            },
            Sine: {
                easeIn: function (g, f, i, h) {
                    return -i * Math.cos(g / h * (Math.PI / 2)) + i + f
                },
                easeOut: function (g, f, i, h) {
                    return i * Math.sin(g / h * (Math.PI / 2)) + f
                },
                easeInOut: function (g, f, i, h) {
                    return -i / 2 * (Math.cos(Math.PI * g / h) - 1) + f
                }
            },
            Expo: {
                easeIn: function (g, f, i, h) {
                    return (g == 0) ? f : i * Math.pow(2, 10 * (g / h - 1)) + f
                }, easeOut: function (g, f, i, h) {
                    return (g == h) ? f + i : i * (-Math.pow(2, -10 * g / h) + 1) + f
                }, easeInOut: function (g, f, i, h) {
                    if (g == 0) {
                        return f
                    }
                    if (g == h) {
                        return f + i
                    }
                    if ((g /= h / 2) < 1) {
                        return i / 2 * Math.pow(2, 10 * (g - 1)) + f
                    }
                    return i / 2 * (-Math.pow(2, -10 * --g) + 2) + f
                }
            },
            Circ: {
                easeIn: function (g, f, i, h) {
                    return -i * (Math.sqrt(1 - (g /= h) * g) - 1) + f
                }, easeOut: function (g, f, i, h) {
                    return i * Math.sqrt(1 - (g = g / h - 1) * g) + f
                }, easeInOut: function (g, f, i, h) {
                    if ((g /= h / 2) < 1) {
                        return -i / 2 * (Math.sqrt(1 - g * g) - 1) + f
                    }
                    return i / 2 * (Math.sqrt(1 - (g -= 2) * g) + 1) + f
                }
            },
            Elastic: {
                easeIn: function (h, f, l, k, g, j) {
                    if (h == 0) {
                        return f
                    }
                    if ((h /= k) == 1) {
                        return f + l
                    }
                    if (!j) {
                        j = k * 0.3
                    }
                    if (!g || g < Math.abs(l)) {
                        g = l;
                        var i = j / 4
                    } else {
                        var i = j / (2 * Math.PI) * Math.asin(l / g)
                    }
                    return -(g * Math.pow(2, 10 * (h -= 1)) * Math.sin((h * k - i) * (2 * Math.PI) / j)) + f
                }, easeOut: function (h, f, l, k, g, j) {
                    if (h == 0) {
                        return f
                    }
                    if ((h /= k) == 1) {
                        return f + l
                    }
                    if (!j) {
                        j = k * 0.3
                    }
                    if (!g || g < Math.abs(l)) {
                        g = l;
                        var i = j / 4
                    } else {
                        var i = j / (2 * Math.PI) * Math.asin(l / g)
                    }
                    return (g * Math.pow(2, -10 * h) * Math.sin((h * k - i) * (2 * Math.PI) / j) + l + f)
                }, easeInOut: function (h, f, l, k, g, j) {
                    if (h == 0) {
                        return f
                    }
                    if ((h /= k / 2) == 2) {
                        return f + l
                    }
                    if (!j) {
                        j = k * (0.3 * 1.5)
                    }
                    if (!g || g < Math.abs(l)) {
                        g = l;
                        var i = j / 4
                    } else {
                        var i = j / (2 * Math.PI) * Math.asin(l / g)
                    }
                    if (h < 1) {
                        return -0.5 * (g * Math.pow(2, 10 * (h -= 1)) * Math.sin((h * k - i) * (2 * Math.PI) / j)) + f
                    }
                    return g * Math.pow(2, -10 * (h -= 1)) * Math.sin((h * k - i) * (2 * Math.PI) / j) * 0.5 + l + f
                }
            },
            Back: {
                easeIn: function (g, f, j, i, h) {
                    if (h == undefined) {
                        h = 1.70158
                    }
                    return j * (g /= i) * g * ((h + 1) * g - h) + f
                }, easeOut: function (g, f, j, i, h) {
                    if (h == undefined) {
                        h = 1.70158
                    }
                    return j * ((g = g / i - 1) * g * ((h + 1) * g + h) + 1) + f
                }, easeInOut: function (g, f, j, i, h) {
                    if (h == undefined) {
                        h = 1.70158
                    }
                    if ((g /= i / 2) < 1) {
                        return j / 2 * (g * g * (((h *= (1.525)) + 1) * g - h)) + f
                    }
                    return j / 2 * ((g -= 2) * g * (((h *= (1.525)) + 1) * g + h) + 2) + f
                }
            },
            Bounce: {
                easeIn: function (g, f, i, h) {
                    return i - e.Bounce.easeOut(h - g, 0, i, h) + f
                }, easeOut: function (g, f, i, h) {
                    if ((g /= h) < (1 / 2.75)) {
                        return i * (7.5625 * g * g) + f
                    } else {
                        if (g < (2 / 2.75)) {
                            return i * (7.5625 * (g -= (1.5 / 2.75)) * g + 0.75) + f
                        } else {
                            if (g < (2.5 / 2.75)) {
                                return i * (7.5625 * (g -= (2.25 / 2.75)) * g + 0.9375) + f
                            } else {
                                return i * (7.5625 * (g -= (2.625 / 2.75)) * g + 0.984375) + f
                            }
                        }
                    }
                }, easeInOut: function (g, f, i, h) {
                    if (g < h / 2) {
                        return e.Bounce.easeIn(g * 2, 0, i, h) * 0.5 + f
                    } else {
                        return e.Bounce.easeOut(g * 2 - h, 0, i, h) * 0.5 + i * 0.5 + f
                    }
                }
            }
        };

        function dragonBoatFestival() {
            this.init()
        }

        $.extend(dragonBoatFestival.prototype, {
            init: function () {
                var self = this;

                this.curDeg = 0;
                this.awards = {
                    "1": {
                        idx: 1,
                        level: 4,
                        name: "20元手机话费"
                    },
                    "2": {
                        idx: 3,
                        level: 2,
                        name: "10元红包"
                    },
                    "3": {
                        idx: 5,
                        level: 1,
                        name: "三元提现券"
                    },
                    "4": {
                        idx: 7,
                        level: 3,
                        name: "10元手机话费"
                    },
                    "5": {
                        idx: 9,
                        level: 5,
                        name: "充电宝"
                    },
                    "6": [
                        {
                            idx: 0,
                            level: 10,
                            name: "谢谢参与"
                        },
                        {
                            idx: 2,
                            level: 10,
                            name: "谢谢参与"
                        },
                        {
                            idx: 4,
                            level: 10,
                            name: "谢谢参与"
                        },
                        {
                            idx: 6,
                            level: 10,
                            name: "谢谢参与"
                        },
                        {
                            idx: 8,
                            level: 10,
                            name: "谢谢参与"
                        }
                    ]
                };
                
                self.use();
            },

            use: function () {
               
                            self.Move(self.getAwardSector(5), function () {
                                //可写显示获奖弹框的回调函数
                            });  //level值  5为充电宝
            },
         
            isSupportTransform: function(k) {
                var m = new Array("transform", "MozTransform", "webkitTransform", "OTransform", "msTransform");
                var h = null;
                var p = k.get(0);
                var n = p.style;
                for (var j = 0, g = m.length; j < g; j++) {
                    if (m[j] in n) {
                        h = m[j];
                        break
                    }
                }
                return h
            },
            setTransform: function(q, t) {
                var self = this;
                var $btn = self.$btn;
                var p = true;
                var i = q[0];
                var j = null;
                var w = Math.PI / 180;
                var r = t * w;
                var h = Math.sin(r), g = Math.cos(r);
                /*var s = self.$pointer[0].getBoundingClientRect();

                 var n = (s.right - s.left) / 2, l = (s.bottom - s.top) / 2;*/
                var s ;
                var n = 160, l = 160;
                var m = 0, k = 0;
                j = self.isSupportTransform(q);
                p = !j ? true : false;
                if (!p) {
                    i.style[j] = "rotate(" + t + "deg)"
                } else {
                    if ( i.filters.length > 0 && i.filters.item(0).M11 ) {
                        i.filters.item(0).M11 = g;
                        i.filters.item(0).M12 = -h;
                        i.filters.item(0).M21 = h;
                        i.filters.item(0).M22 = g;
                    } else {
                        i.style.filter += "progid:DXImageTransform.Microsoft.Matrix(M11=" + g + ", M12=" + -h + ", M21=" + h + ", M22=" + g + ', sizingMethod="auto expand")';
                    }
                    s = i.getBoundingClientRect();
                    m = (s.right - s.left) / 2;
                    k = (s.bottom - s.top) / 2;

                    i.style.marginLeft = n - m + "px";
                    i.style.marginTop = l - k + "px";
                    $btn[0].style.marginLeft = m - n + "px";
                    $btn[0].style.marginTop = k - l+ "px"

                }
            },
            Move: function (p, calBack) {
                var self = this;
                var r = 0,
                    n = deg = self.curDeg,
                    m = 0,
                    l = 635;
                var k = p,
                    q = 10;
                m = 360 * q + k - n;
                var g = "Quint";
                var u = "easeInOut";

                clearTimeout(self.timderID);

                function j() {
                    if (r < l) {
                        r++;
                        deg = Math.ceil(moveStyle[g][u](r, n, m, l));
                        self.setTransform(self.$pointerCon, deg);

                        self.timderID = setTimeout(j, 10)
                    } else {
                        deg = m + n;
                        self.setTransform(self.$pointerCon, deg);
                        self.curDeg = deg % 360;

                        if ($.isFunction(calBack)) {
                            setTimeout(function () {
                                calBack(self)
                            }, 1000)
                        }
                    }
                }

                j();
            },
            //根据请求返回的level来决定最后指针指向
            getAwardSector: function (level) {
                var self = this;
                var g = -1;
                var j = 0;
                var i = Math.round(Math.random() * 10);

                $.each(self.awards, function (i, item) {
                    if ($.isArray(item)) {
                        var ranNum = Math.floor(Math.random() * 2);
                        if (item[ranNum].level == level) {
                            g = item[ranNum].idx;
                        }
                    } else {
                        if (item.level == level) {
                            g = item.idx
                        }
                    }

                });


                if (g == -1) {
                    var k = function (m) {
                        var n = true;
                        $.each(self.awards, function (i, item) {
                            if ($.isArray(item)) {
                                var ranNum = Math.floor(Math.random() * 2);
                                if (item[ranNum].level == level) {
                                    n = false;
                                }
                            } else {
                                if (item.level == level) {
                                    n = false;
                                }
                            }
                        });
                        return n;
                    };

                    do {
                        i = Math.round(Math.random() * 10) % 10
                    } while (!k(i));

                    g = self.awards["6"][Math.floor(Math.random() * 2)].idx;
                }

                j = g * 36;

                return j;
            }
        });

        new dragonBoatFestival()

    })
})(jQuery);