转盘抽奖源码,JS转盘抽奖特效代码

jQuery时间的幸运转盘抽奖特效,可以通过ajax与后台进行通讯,从后台获取数据以控制转盘转动结果,数据格式:“200|您没中奖,再接再厉~”,其中数字”200“是转盘转针的旋转位置(角度);”您没中奖,再接再厉~“是转盘停止旋转后的提示语。

<script type="text/javascript">
        $(function () {
            $("#startbtn").click(function () {
                lottery();
            });
        });
        function lottery() {
            var mes = "200|您没中奖,再接再厉~"; //从后台通过ajax获取的数据
            var a = parseInt(mes.split("|")[0]); //角度 
            var p = mes.split("|")[1]; //奖项 
            $("#startbtn").rotate({
                duration: 5000, //转动时间 
                angle: 0,
                animateTo: 1441 + a, //转动角度 
                easing: $.easing.easeOutSine,
                callback: function () {
                    alert(p);
                }
            });

        }
    </script>