Luck-Draw/src/assets/js/firststep.js

$(document).ready(function(){
    var index = 0
    var selected = null //点击的单位名称
    var selectedIndex = null //点击的单位index
    var machine = $("#machine4").slotMachine({
        active	: 0,
        delay	: 500,
        randomize : function(activeElementIndex){
            if(selected == "南宁支队"){
                localStorage.setItem(selected,"5号")
                return 5;	
            }else if(selected == "柳州支队"){
                localStorage.setItem(selected,'10号')
                return 10;
            }else if(selected == "桂林支队"){
                localStorage.setItem(selected,'14号')
                return 14;
            }else if(selected == "梧州支队"){
                localStorage.setItem(selected,'3号')
                return 3;
            }else if(selected == "北海支队"){
                console.log(1996,)
                localStorage.setItem(selected,'8号')
                return 8;
            }else if(selected == "防城港支队"){
                localStorage.setItem(selected,'13号')
                return 13;
            }else if(selected == "钦州支队"){
                localStorage.setItem(selected,'6号')
                return 6;
            }else if(selected == "贵港支队"){
                localStorage.setItem(selected,'1号')
                return 1;
            }else if(selected == "玉林支队"){
                localStorage.setItem(selected,'7号')
                return 7;
            }else if(selected == "百色支队"){
                localStorage.setItem(selected,'12号')
                return 12;
            }else if(selected == "贺州支队"){
                localStorage.setItem(selected,'2号')
                return 2;
            }else if(selected == "河池支队"){
                localStorage.setItem(selected,'4号')
                return 4;
            }else if(selected == "来宾支队"){
                localStorage.setItem(selected,'9号')
                return 9;
            }else if(selected == "崇左支队"){
                localStorage.setItem(selected,'11号')
                return 11;
            }
            
        }
    });
    
    $("#slotMachineButtonShuffle").click(function(){
        if(!selected){
           alert("请先选择单位") 
        }else{
            machine.shuffle();
            $("#slotMachineButtonShuffle").addClass("disabled");
            setTimeout(() => {
                machine.stop();
                // $("#slotMachineButtonShuffle").removeClass("disabled");
                setTimeout(() => {
                    $("#endjieguoshao span").eq(selectedIndex).html(window.localStorage[selected])
                    $("#chooseZhishao .img").eq(selectedIndex - 1).css("display","inline-block");
                }, 1300);
            }, 1000);
        }
        
    });

    //左侧表格点击事件
    $("span[name='aaa']").on("click",function(e,index){
        selected = $(this)[0].innerText
        selectedIndex = localStorage.getItem("indexNum")
        if($("#endjieguoshao span").eq(selectedIndex)[0].innerText){
            $("#slotMachineButtonShuffle").addClass("disabled");
        }else{
            $("#slotMachineButtonShuffle").removeClass("disabled");
        }
    })
});