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

最新推荐文章于 2023-02-15 17:05:21 发布
最新推荐文章于 2023-02-15 17:05:21 发布
阅读量2.9k 收藏 1
点赞数
分类专栏： 学习资料 文章标签： 手机 mobile function table button input
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sunfire1980/article/details/1010093
版权

<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">&nbsp;&nbsp; <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;">名&nbsp;&nbsp;(此处只允许输入数字)
     <input type="button" name="init" value="重新抽奖" οnclick="repeat()"><!--重新抽奖-->
     </td>    
            </tr>
             <tr>
     <td align="left">&nbsp;
     </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>

sunfire1980
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
【用java写的】双色球中奖模拟器
m0_59099304的博客
05-12 7436
双色球，6个红球，1个蓝球，而且红球中的数据不能重复，红球的数字范围为1-33，蓝球的数字范围为1-16。 然后我们作为彩民，自己买号，在模拟器中则自己依次输入每个球对应的号码，最后开奖的时候判断我们中了多少。 双色球中奖规则： 我当时看到这个案例，感觉很麻烦，首先我认为最难搞的方面是，生成红球的随机数，这个数我网上查了一下，双色球的数字是不能重复的，那么我就得要生成不同的6个随机数，然后存到数组里。怎么实现，当时我还在想。 后来我就先把程序的功能先分块： 1.随机生成中奖号码，定义一个数组长
js实现抽奖界面
moluchase的专栏
09-11 1934
主要实现的是数字滚动，点击开始，再次点击结束 jsp代码，（本身就是html改过来的） <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8" %> 未命名 body { background-color: #fff; text-align: cent
uni-app初探之幸运轮盘
绳锯木断，水滴石穿，专心写文，无问西东！！！
08-25 1143
uni-app以其“一次开发，多端覆盖”的理念深得大家青睐，并且生态环境丰富，本文以一个幸运轮盘小例子，简述canvas的相关操作，仅供学习分享使用，如有不足之处，还请指正。 什么是canvas? canvas又称画布，为uni-app提供自定义绘制的区域，通常用于图表或者图片的处理。在uni-app开发中，如果要在canvas中进行绘制，需要通过CanvasContext完成。 canvas相关知识点 canvas属性说明【canvas-id 在同一页面中不可重复】 CanvasContex
手机移动开发页面抽奖特效
01-24
移动开发手机端html5特效，特效为抽奖数字滚动抽奖，点击后延迟3秒停止滚动。
jQuery手机端抽奖活动页面模板源码
09-23
jQuery手机端抽奖活动页面 特别好用的
vue.js手机九宫格抽奖特效代码
03-20
vue.js手机九宫格抽奖代码是一款通用的拼手气抽大奖抵用券九宫格抽奖手机页面模板。
VBA随机抽奖程序.xlsm
07-19
VBA随机抽奖程序.xlsm
WPF的简单抽奖程序源码.zip
06-19
WPF的简单抽奖程序源码.zip
抽奖模块客户端插件（游戏资料）.zip
01-05
抽奖模块客户端插件（游戏资料）.zip
jQuery大屏幕名字抽奖特效.zip
10-08
非常实用的特效代码，可以完美运行，可以二次修改！
手机抽奖活动页面模板jQuery+HTML5，带守将次数，奖励提示
06-18
手机抽奖活动页面模板jQuery+HTML5，带守将次数，奖励提示
随机抽取手机号码,手机号码抽奖程序
06-03
ASP的随机抽取手机号码程序。
HTML手机签到转盘抽奖页面模板.zip
05-24
HTML手机签到转盘抽奖页面模板基于Bootstrap3.3.2制作，响应式设计，包括签到、日历、转盘抽奖、中奖纪录等手机模板页面。
简单的一个抽奖程序，模拟双色球抽奖(界面程序)代码比较简单
03-26
模拟双色球的一个抽奖，代码写的比较简单。就是一个简单的例子
手机号抽奖程序 （用Excel做数据库）
03-13
手机号抽奖程序 （用Excel做数据库） 手机号抽奖程序 （用Excel做数据库）
h5手机抽奖界面
07-03
html5，手机抽奖界面。
Struts模块化开发学习小结
沉　麟　的专栏
05-21 1156
Struts模块化开发学习小结：1、  采用struts1.1及以上版本2、  采用多配置文件，一个模块一个配置文件（一个核心struts-config.xml和多个struts-config-xxxx.xml），需要在web.xml文件中配置，以下形式举例：init-param>      param-name>configparam-name>      param-val
手机截图如何提取文字？
qq_14945847的博客
02-15 1618
然而，图片中的文字信息往往难以获取，尤其对于那些需要快速获取信息的人们来说，阅读图片中的文字会是一项繁琐且费时的任务。现在，我们有一个好消息要告诉大家：通过使用我们的图片文字提取工具，您将能够轻松地提取图片中的文字信息。您只需要将图片上传到我们的平台，然后工具就会自动识别图片中的文字，并将其转化为可编辑的文本格式，方便您进行编辑、存储和分享。高精度：我们的工具采用了最先进的OCR技术，可以快速准确地从图片中提取文字信息，避免了传统OCR技术中的错误和漏识别问题。将需要提取文字信息的图片上传到我们的平台。
幸运抽奖软件v7.37 pan.baidu.com
最新发布
01-05
此外，幸运抽奖软件v7.37还提供了简便易用的操作界面。用户可以轻松地浏览抽奖活动、参与抽奖，并且还可以在软件内部与其他用户进行互动，分享抽奖心得和中奖喜悦。 最后，幸运抽奖软件v7.37对于用户的隐私和资金...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值