九宫格抽奖轮播效果js代码应该怎么写

bo21722777

九宫格抽奖轮播效果js代码应该怎么写，怎么跟web网页js代码不一样，求大神指导实现js代码

jishuang

/UI2/demo/taobao/main.w中上面的轮播效果？

bo21722777

不是淘宝上面的三张图片的轮播效果，是九宫格抽奖活动，点击中间开始抽奖，然后就跟跑马灯一样，js代码用web的js不好用，有类似抽奖的js代码吗

jishuang

平台没有提供这样的，就是标准的js的实现
不好用可以代码调试看具体到什么地方不好用的

bo21722777

web网页js代码能加入到wex5里面实现吗？

jishuang

html中可以实现的,x5中基本上都可以

bo21722777

bo21722777

define(function(require){
        var $ = require("jquery");
        var justep = require("$UI/system/lib/justep");

        var Model = function(){
                this.callParent();
        };
  <script src="js/jquery.min.js"></script>
  <script>
        var luck={
                index:0,        //当前转动到哪个位置，起点位置
                count:0,        //总共有多少个位置
                timer:0,        //setTimeout的ID，用clearTimeout清除
                speed:20,        //初始转动速度
                times:0,        //转动次数
                cycle:50,        //转动基本次数：即至少需要转动多少次再进入抽奖环节
                prize:-1,        //中奖位置
                init:function(id){
                        if ($("#"+id).find(".luck-unit").length>0) {
                                $luck = $("#"+id);
                                $units = $luck.find(".luck-unit");
                                this.obj = $luck;
                                this.count = $units.length;
                                $luck.find(".luck-unit-"+this.index).addClass("active");
                        };
                },
+
               
                roll:function(){
                        var index = this.index;
                        var count = this.count;
                        var luck = this.obj;
                        $(luck).find(".luck-unit-"+index).removeClass("active");
                        index += 1;
                        if (index>count-1) {
                                index = 0;
                        };
                        $(luck).find(".luck-unit-"+index).addClass("active");
                        this.index=index;
                        return false;
                },
                stop:function(index){
                        this.prize=index;
                        return false;
                }
        };


        function roll(){
                luck.times += 1;
                luck.roll();
                if (luck.times > luck.cycle+10 && luck.prize==luck.index) {
                        clearTimeout(luck.timer);
                        luck.prize=-1;
                        luck.times=0;
                        click=false;
                }else{
                        if (luck.times<luck.cycle) {
                                luck.speed -= 10;
                        }else if(luck.times==luck.cycle) {
                                var index = Math.random()*(luck.count)|0;
                                if(index>5){
                                        index = 7;
                                }else {
                                        index = 5;
                                }
                                luck.prize = index;//最终中奖位置
                        }else{
                                if (luck.times > luck.cycle+10 && ((luck.prize==0 && luck.index==7) || luck.prize==luck.index+1)) {
                                        luck.speed += 110;
                                }else{
                                        luck.speed += 20;
                                }
                        }
                        if (luck.speed<40) {
                                luck.speed=40;
                        };

                        luck.timer = setTimeout(roll,luck.speed);
                }
                return false;
        }


        var click=false;
        window.onload=function(){
                luck.init('luck');
                $("#btn").click(function(){
                        /*//按下弹起效果
                        $("#btn").addClass("cjBtnDom");
                        setTimeout(function(){       
                                $("#btn").removeClass("cjBtnDom");
                        },200);*/

                       
                        if(click) {
                                return false;
                        }
                        else{
                                luck.speed=100;
                                roll();
                                click=true;
                                return false;
                        }

                });
        };
        //播报
        var demo = document.getElementById("demo");
        var demo1 = document.getElementById("demo1");
        var demo2 = document.getElementById("demo2");
        demo2.innerHTML=document.getElementById("demo1").innerHTML;
        function Marquee(){
                if(demo.scrollLeft-demo2.offsetWidth>=0){
                        demo.scrollLeft-=demo1.offsetWidth;
                }
                else{
                        demo.scrollLeft++;
                }
        }
        setInterval(Marquee,10);

</script>
        return Model;
});

这样段代码该怎么修改，功能已经写好，就是怎么把这段代码插入到js里面

bo21722777

前端页面都已经写好了，就是功能实现不了

bo21722777

前端页面都已经写好了，就是功能实现不了