Online lucky draw

by longzozo

HTML

<center>
<div id="mobile">TL</div>
<div id="draw">QUAY</div>
</center>

CSS

#mobile {
    font-size: 120px;
    font-family: 'Orbitron', sans-serif;
    font-weight: bold;
    text-align: center;
    color: blue;
    
}

#draw {
    font-size: 30px;
    text-align: center;
    border:2px solid;
    border-radius:20px;
    font-family: 'Orbitron', sans-serif;
    margin-top:10px;
    width:50%;
}

#drawid {
    font-size: 10px;
    text-align: center;
    font-family: 'Orbitron', sans-serif;
    margin-top:10px;
    width:25px;
    border: 1px solid;
}

<link href='http://fonts.googleapis.com/css?family=Orbitron:400,500' rel='stylesheet' type='text/css'>

JavaScript

var lookupTBL = new Array('TL662232','TL764505','TL487834','TL077552','TL347466', 'TL828045','TL000760','TL456878','TL340246','TL863054','TL533564','TL242605');


Array.prototype.vlookup = function(index) {
    return this[index];
}

function getRandomInt (min, max) {
    return Math.floor(Math.random() * (max - min + 1)) + min;
}

$(function (e) {
	var idx = 0;
  var WIN_NUMBER = 0;
    $('#draw').click(

        function() {
            for (var i=8000; i>0; i--) {
                setTimeout(function(){
                    var r = getRandomInt(0,lookupTBL.length-1);
                    $('#mobile').text(lookupTBL.vlookup(r));
                    idx++;
                    if (idx == 8000) {
                    		$('#mobile').text(lookupTBL.vlookup(WIN_NUMBER));
                        idx = 0;
                        WIN_NUMBER++;
                        console.log(WIN_NUMBER);
                    }
                },500);
            }
    });

})