五一砸蛋活动收获

五一节快到了，策划提出一个需求：
做一个H5内嵌页砸蛋活动，其中有一个十连抽效果，一次性随机弹出十个奖品，是个奖品要一个一个出来，并且奖品A金额大于100，奖品B金额大于5000，为高等报奖，其他均为一般奖项，高等报奖时，要有光晕旋转的效果。

说下我遇到的大大小小的问题，记录下来。
1.点击蛋，出现弹框，依次出现十个奖品，我用的setimeout,每隔一秒打印出一个数据

for(var i=0;i<=arr.length;i++){
setimeout(function(){
//console.log(arr[i])
},1000*i)
}

这样的结果是一次性打印出所有数据

for(var i=0;i<=arr.length;i++){
(function(i){
setimeout(function(){
//console.log(arr[i])
},1000*i)
})(i)

}

这样就可以了
2.为高级奖品的时候，背景图光晕要有旋转的效果
将每个奖项div框和内容抽离出来，给框div设置动画即可
3.最痛苦的应该就是兼容ie8的问题，写了两天的css效果突然发现谷歌上跑的很好的时候，去了ie8很多想要的效果都不生效了。
很多css属性最终都找到了合适的替换方案
4.这个页面也有移动端，必然少不了各种各样的手机屏适配问题