html 随机抽奖,随机抽奖页面js

年会抽奖

ul,li{

list-style: none;

margin: 0;

padding: 0;

}

.luckbox{

width: 540px;

}

.luckbox ul{

overflow: hidden;

}

.luckbox .item{

width: 50px;

height: 50px;

background: red;

margin: 5px;

float: left;

}

.luckbox .item.active{

background: green;

}

var times = 0;

var cle = null;

$(function(){

document.onkeydown = function()

{

times = times+1;

//console.log(times);

//奇数

time();

};

/**

* 改变样式

*/

function add()

{

var num = $("#name").find('li').length;

var nu = Math.floor(Math.random()*num);

$(".item").removeClass('active');

$("#name li").eq(nu).addClass('active');

}

/**

* 递归判断

*/

function time()

{

//奇数

if((times%2==0))

{

clearTimeout(cle); //清楚定时器

//这里去获取随机选中的值

console.log('helo');

alert('helo');

return false;

}

add();

cle = setTimeout(time,100)

}

});