【one week one project】大转盘转啊转
项目背景：
活动抽奖，奖品数目固定，参与人数不定的场合。比如：一等奖30人，二等奖50人，三等奖100人。
抽奖算法
生成固定长度的数组，下标0-29为一等奖，30-79为二等奖，80-179为三等奖。
随机抽取一个数组内元素，然后删除此元素。
前端实现
- jQuery
- BootStrap
- jQueryRotate
其他问题
- 因为是完全使用前端进行实现，也不需要后台参与，所以数据需要做本地存储，采用Local Storage.只能存储字符串，不能存储数组，对象！如果需要存储字符串、对象或者json需要进行先格式化为字符串，然后再取出
//取出数组
if (localStorage.local) {
str = localStorage.local;
a = str.split(",");
console.log("a=" + a);
}
- 为方便使用，监听空格和ENTER
keydown事件
$(document).keydown(function(event){
if(event.keyCode==13 || event.keyCode==32){
bb();
rotate();
wait();
setTimeout('result(price)',6000)
}
});
bug
1.连续点按会照成一直转动，事件一直被触发的情况。
解：增加一层，事件开始时候，这一层出现，防止事件被继续触发，等到转圈结束，在隐藏
2.BootStrap布局会造成移动端的大面积空白
解：要不，我们试试flex布局？
