模拟网上手机抽奖界面(供大家BS......)

<html>
<head>
<title>手机抽奖</title>
<meta http-equiv="Content-Type" content="text/html; charset=GBK">
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache">
<META HTTP-EQUIV="Expires" CONTENT="0">
<script language="javascript">
//摇奖开关
flag=2;

mobile = new Array();
//将数组载入改为字符串载入，考虑效率问题
mobile[0]="13824142543";
mobile[1]="13584565115";
mobile[2]="13655498155";
mobile[3]="13498756413";
mobile[4]="13574569820";
mobile[5]="13645455921";
mobile[6]="13843333234";
mobile[7]="13699836754";
mobile[8]="13556398521";
mobile[9]="13633398454";
mobile[10]="13866941215";
mobile[11]="13621234593";
mobile[12]="13888455451";
mobile[13]="13633321505";
mobile[14]="13699845444";
mobile[15]="13635454125";
mobile[16]="13826544543";
mobile[17]="13699858777";
mobile[18]="13635897443";
mobile[19]="13866000325";

//选择抽几等奖
function changeGrade(){
document.mainform.number.value="";
document.mainform.number.focus();
}

//清除已中奖记录，重新抽奖初始化
function repeat(){
//删除已中奖名单，重新开始抽奖
if(confirm("您确定清除已抽奖结果，重新开始抽奖吗？")){
  zstable = document.getElementById("zs");
  rows = zstable.rows.length;
  for(i=rows-1;i>0;i--){
   zstable.deleteRow(i);
  }
  document.mainform.zjmobile.value = "";
  init();
}else{
  ;
}
}

//抽奖机
function startLottery() {
    size = mobile.length;
    n = size - 1;
if (flag==1) {
  var tmp = Math.round(Math.random()*n);
  cj.rows(0).cells(0).innerHTML="<div id='mbl' align='center' valign='bottom'><font size='5' color='red'><b>"+mobile[tmp]+"</font></div>";
  setTimeout("startLottery()",100);
}
}
//开始抽奖第一步
function initLottery() {
if(document.mainform.number.value==""){
  alert("请填入中奖名额");
  document.mainform.number.focus();
  return false;
}
if (flag==2) {
  flag=1;
  document.getElementById("bgn").style.display="none";
  document.getElementById("end").style.display="";
  document.getElementById("ctn").style.display="none";
  document.mainform.init.disabled=false;
  startLottery();
}
}

//单刀双置式抽奖
function stopLottery(){
if(flag==0){//开始
  if(document.mainform.number.value==""){
   alert("请填入中奖名额");
   document.mainform.number.focus();
   return false;
  }
     if(isBeyongNumber()){//超过中奖名额
     alert("该奖项中奖名额已满！");
     return false;
     }
     if(mobile.length==0){
     alert("所有参与手机均中奖，无手机可参与抽奖！");
     return false;
     }
  flag=1;
  document.getElementById("bgn").style.display="none";
  document.getElementById("end").style.display="";
  document.getElementById("ctn").style.display="none";
  startLottery();
}else {//停止
  flag=0;
  document.getElementById("bgn").style.display="none";
  document.getElementById("end").style.display="none";
  document.getElementById("ctn").style.display="";
  innerMobile(document.getElementById("mbl").innerText);

  //此处需要在下次抽奖前，剔除已中奖手机号。
  clearLot(document.getElementById("mbl").innerText);

}
}

//插入中奖手机到展示区
function innerMobile(mobile){

//得到中奖等级　
var index = document.mainform.grade.selectedIndex;
var grade = document.mainform.grade[index].value;
var gradeCn = document.mainform.grade[index].text;

//插入展示区
var newrow = document.getElementById("zs").insertRow(-1);//新增一行
newrow.id = "tr"+grade;
var newcell = newrow.insertCell(0);//新增单元格
newcell.innerHTML=gradeCn+"等奖";//填入单元格内容
newcell = newrow.insertCell(1);//新增单元格
newcell.innerHTML=mobile;//填入单元格内容

//加入手机串到隐藏值
document.mainform.zjmobile.value += grade + "-" + mobile + ",";
}

//检查已中奖数是否超过中奖名额
function isBeyongNumber(){
var index = document.mainform.grade.selectedIndex;
var grade = document.mainform.grade[index].value;

var number = document.mainform.number.value;//抽奖名额总数
var size = document.getElementsByName("tr"+grade).length;//已中奖名额
if(size>=number){
return true;
}else{
return false;
}
}

/*****按回车键开始停止抽奖，方便用户操作，备用
function keyDown()
{
var keycode= event.keyCode;
var realkey = String.fromCharCode(event.keyCode);
if(event.keyCode==13){
  if(flag==0){
   flag=1;
   document.getElementById("bgn").style.display="none";
   document.getElementById("end").style.display="";
   document.getElementById("ctn").style.display="none";
   startLottery();
  }else {
   flag=0;
   document.getElementById("bgn").style.display="none";
   document.getElementById("end").style.display="none";
   document.getElementById("ctn").style.display="";
  }
}
}
document.οnkeydοwn=keyDown;
*/

//剔除已中奖号码，使用此方法时，允许参与手机号中有重复手机号存在
//若要不允许参与手机号中有重复手机号存在，每次只减1，需要java类查询时唯一
function clearLot(lotmobile){
size = mobile.length;
//alert("before="+mobile.length);
tmp = new Array();
j = 0;
for(i=0;i<size;i++){
  if(mobile[i]!=lotmobile){
    tmp[j]=mobile[i];
    j++;
  }
}
mobile = tmp;
//alert("after="+mobile.length);
}

</script>
</head>
<body text="#666666" leftmargin="0" topmargin="13" marginwidth="0" marginheight="0">
<center>
<table width="100%" height="300" cellpadding="0" cellspacing="0">
    <tr>
      <td align="center" valign="top" >
      <table width="100%" height="60" cellpadding="0" cellspacing="0" bgcolor="#F1F1F1" style="border-top:1 solid white">
      </table>
        <table width="100%" height="30" cellpadding="0" cellspacing="0">
          <tr>
            <td align="center">   <font color="#999999">手机抽奖演示</font></td>
          </tr>
        </table>
        <form method="post" action="" name="mainform">
        
        <input type="hidden" name="zjmobile" value="">
          <table width="50%" cellspacing="1" cellpadding="2" id="tb1">
            <tr>
     <td align="left">即将抽出:
     <select name="grade" onChange="changeGrade()">
     <option value="1">一</option>
     <option value="2">二</option>
     <option value="3">三</option>
     </select>等奖
     <input type="text" name="number" value="" size="2" onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;">名  (此处只允许输入数字)
     <input type="button" name="init" value="重新抽奖" οnclick="repeat()">
     </td>
            </tr>
             <tr>
     <td align="left"> 
     </td>
            </tr>
           </table>
          <table width="90%" cellspacing="1" cellpadding="2" id="tb2">
            <tr>
     <td align="center">
     <div id="bgn" style="display:''"><input type="button" name="start" value="开始" οnclick="initLottery()"></div>
     <div id="end" style="display:none"><input type="button" name="stop" value="停止" οnclick="stopLottery()"></div>
     <div id="ctn" style="display:none"><input type="button" name="stop" value="开始" οnclick="stopLottery()"></div>
     </td>
            </tr>
          </table><br>
          <center>
          <table width="50%" border="1" cellspacing="0" cellpadding="0" id="cj" style="border-color:blue">
   <tr>
    <td height="60">
    </td>
   </tr>
    </table>
          </center><br><br>
          <CENTER>
          <table width="60%" cellspacing="1" cellpadding="2" bgcolor="#99CCFF" id="zs" align="center">
          　　<tr>
     <td colspan="2"><B>抽奖进度显示：
     </td>
            </tr>
          </table>
          </CENTER>
          </table>
        </form></td>
    </tr>
</table>
<script>
//载入时先初始化奖项，重新抽奖按钮屏蔽
changeGrade();
document.mainform.init.disabled=true;
</script>
</center>
</body>
</html>

模拟网上手机抽奖界面(供大家BS......)相关推荐

Java基于JSP的网上手机销售系统
手机作为一个通讯工具一直在不断的更新换代,由最初的大哥大,到小灵通,再到诺基亚的塞班系统,直到现在的苹果安卓等系统.手机的功能也越来越多,从最初的只能打电话到现在聊天,游戏和看视频等功能.人们的业余生 ...
基于Java的网上手机销售系统的设计与实现（附：源码论文 sql文件部署视频）
摘要本文所讲述的是网上手机销售系统的设计与实现. 本系统实现了会员注册.登录.资料修改,浏览和检索商品.发布留言.看公告,管理员具有修改个人密码.添加手机品牌.增加手机信息.管理会员信息.管理订单信 ...
[附源码]java毕业设计网上手机商城
项目运行环境配置: Jdk1.8 + Tomcat7.0 + Mysql + HBuilderX(Webstorm也行)+ Eclispe(IntelliJ IDEA,Eclispe,MyEclis ...
HTML+CSS 模拟QQ邮箱登录界面
模拟QQ邮箱登录界面 index.html <!DOCTYPE html> <html lang="en"> <head><meta ch ...
C++实现模拟网上购书的结账系统
一．课程设计目的: 本课程设计是计算机专业重要的实践性环节之一,是在学习完<面向对象程序设计语言(C++)>课程后进行的一次全面的综合练习.本课程设计的目的和任务: 1.巩固和加深学生对C ...
java毕业设计——基于java+Eclipse+jsp的网上手机销售系统设计与实现（毕业论文+程序源码）——网上手机销售系统
基于java+Eclipse+jsp的网上手机销售系统设计与实现(毕业论文+程序源码) 大家好,今天给大家介绍基于java+Eclipse+jsp的网上手机销售系统设计与实现,文章末尾附有本毕业设计的 ...
基于JSP的网上手机销售系统
技术:Java.JSP等摘要: 随着社会的发展.时代的进步,我们的网络技术日新月异,手机成为男女老少生活中不可缺少的一部分.而网上购买商品已经成为当今最时尚的购物方式,大大小小的网络购物平台层出不穷 ...
MVC 网上手机销售系统设计与实现java jsp 程序设计课程设计毕业设计-附源码02138
因上传问题只上传了文案图片未上传摘要本文所讲述的是网上手机销售系统的设计与实现. 本系统实现了会员注册.登录.资料修改,浏览和检索商品.发布留言.看公告,管理员具有修改个人密码.添加手机品牌 ...
delphi XE模拟Android手机PDA设备的虚拟键盘按键及扫码过程输入焦点及信号接收
delphi XE模拟Android手机PDA设备的虚拟键盘按键及扫码过程输入焦点及信号接收今天,群里有几位同学讨论这个问题,汇总了一下,分享出来,供同学们学习研究. 一.直接上代码示例 1.屏蔽应 ...

模拟网上手机抽奖界面(供大家BS......)

模拟网上手机抽奖界面(供大家BS......)相关推荐

最新文章

热门文章