<!--2018年9月12日——————幸运抽奖--> <!DOCTYPE html> <html> <head> <title></title> <style type="text/css"> .select{ background: #3399FF; color:white; } .button{ border-radius: 10px; height: 100px; font-size: 25px; width: 100px; background-color: #3399FF; color: white; } .title{ font-family: cursive; } </style> </head> <body> <div>抽奖人员名单</div> <table background="C:\Users\Administrator\Desktop\%application%\360壁纸\50736.jpg" > <tr> <td>谢林峰</td> <td>卿明珠</td> <td>袁龙</td> <td>周志明</td> <td>秦玉萍</td> <td>金晖</td> <td>陶灵峰</td> <td>廖杨明</td> </tr> <tr> <td>胡雄</td> <td>胡俊凡</td> <td>李欣</td> <td>易君</td> <td>湛威</td> <td>古海平</td> <td>潘杰杰</td> <td>伍光政</td> </tr> <tr> <td>谭谈</td> <td>周强</td> <td>陈辉</td> <td>李庚云</td> <td>吴玉风</td> <td>伍鹏</td> <td>蔡东龙</td> <td>胡俊飞</td> </tr> <tr> <td>文捷频</td> <td>唐明</td> <td>吴鑫培</td> <td>唐翌</td> <td>邹家欢</td> <td>刘朋</td> <td>周文才</td> <td>阳小松</td> </tr> <tr> <td>张明博</td> <td>严伟</td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> </table> <sapn>抽奖倒计时：</sapn><span>10</span> <span>s</span> <span>幸运星:</span> <span></span> <div><button>走你</button></div> </body> <script type="text/javascript"> //鼠标单击事件 var stuInterval; var flag = false; //点击开始事件 function go(){ if(flag != false){ return; } flag = true; setTimeout(function(){ flag = false; },15000); time();//调用时间倒计时方法 //循环选取学生 stuInterval=setInterval(function(){ var ran=Math.floor(Math.random()*34+1); var+ran; //获取到文本值并且赋属性 var td=document.getElementById(id); //删除之前的样式 var stuO = document.getElementsByClassName("select"); if(stuO.length != 0){ stuO[0].setAttribute("class",""); }if(stuO){ td.setAttribute("class","select"); var stuname = td.innerText; document.getElementById("Lucky").innerText = stuname; } },200) } //时间倒计时 function time(){ var t=10; var int=setInterval(function(){ --t; var tspan=document.getElementById("Ten"); tspan.innerText=t; if(t==0){ clearInterval(int); clearInterval(stuInterval);//延时特殊情况 } },1000); } </script> </html>
