<html>
<head>
<title>手机号码抽奖</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script language="javascript">
<!--
var timer;
var randnum;
var cellnum =1;

//定义一个存放手机号码的数组
var mobile = new Array();
mobile[0]=13111321311;
mobile[1]=13220012432;
mobile[2]=13320232102;
mobile[3]=13420045433;
mobile[4]=13354664104;
mobile[5]=13576000105;
mobile[6]=13087870106;
mobile[7]=13546546107;
mobile[8]=13460010768;
mobile[9]=13067000009;
mobile[10]=13043600110;
mobile[11]=13056600111;
mobile[12]=13020879812;
mobile[13]=13898870123;
mobile[14]=13989898114;
mobile[15]=13808980115;
mobile[16]=13687660116;
mobile[17]=13576876117;
mobile[18]=13457547018;
mobile[19]=13345654619;
mobile[20]=13868776120;
mobile[21]=13678769121;
mobile[22]=13346565522;
mobile[23]=13687658723;
mobile[24]=13568667124;
mobile[25]=13658766125;
mobile[26]=13645465126;
mobile[27]=13547650127;
mobile[28]=13654540128;
mobile[29]=13658766829;
mobile[30]=13234235130;
mobile[31]=13576756731;
mobile[32]=13567687132;
mobile[33]=13234535433;
mobile[34]=13657665754;
mobile[35]=13645465135;
mobile[36]=13436546136;
mobile[37]=13234234337;
mobile[38]=13769879738;
mobile[39]=13698798739;
mobile[40]=13020000140;
mobile[41]=13879870041;
mobile[42]=13020000142;
mobile[43]=13078000143;
mobile[44]=13565000144;
mobile[45]=13457600145;
mobile[46]=13020020146;
mobile[47]=13046567890;
mobile[48]=13020789986;
mobile[49]=13809820146;

//根据获得的随机数从而显示出随机的手机号码
function getRandNum(){
var num = mobile.length-1;//数组的"最大下标"是"数组长度减一"
document.getElementByIdx("result").value = mobile[GetRnd(0,num)];//调用"GetRnd"随机函数
}

//获得随机数
function GetRnd(min,max){
randnum = parseInt(Math.random()*(max-min+1));//其中"parseInt"是将随机数转换成整数
return randnum;
}

//点击"开始"按钮->需调用的函数
function setTimer(){
timer = setInterval("getRandNum();",10);//过0.01秒就执行一次"getRandNum"函数,随机显示手机号码
document.getElementByIdx("start").disabled = true;//点击开始时->开始按钮变灰色
document.getElementByIdx("stop").disabled = false;//停止按钮可以使用
}

//点击"停止"按钮->需调用的函数
function clearTimer(){
noDupNum();//调用"noDupNum"函数,移除显示的手机号码
clearInterval(timer);//取消赋值给"timer"间隔要执行的函数
document.getElementByIdx("start").disabled = false;//开始按钮可以使用
document.getElementByIdx("stop").disabled = true;//点击停止时->停止按钮变灰色
}

//移除那些出现过的手机号码
function noDupNum(){
mobile.removeEleAt(randnum);//点击"停止"按钮出现的号码给移除
var o = 0;
for(p=0; p<mobile.length;p++){
if(typeof mobile[p]!="undefined"){//其中"typeof"是返回"mobile[p]"的类型,有"number","string","boolean" "object","function"和"undefined"这6种返回类型,用字符串来显示
mobile[o] = mobile[p];
o++;
}
}
num = mobile.length-1;//移除一个号码时,其"数组长度减一"重新赋值给"数组下标"
}
Array.prototype.removeEleAt = function(dx){
if(isNaN(dx)||dx>this.length){
return false;
}
this.splice(dx,1);//其中"splice"是从dx开始一个一个移除
}

//将随机产生的手机号码显示到中奖区域
function setValues(){
document.getElementByIdx(cellnum).value = document.getElementByIdx("result").value ;
cellnum++;//从1开始递增到50的文本框ID,这里是从"三等奖"开始显示
}
-->
</script>
<style type="text/css">
<!--
.STYLE1 {
    color: #FF0000;
    font-size:20px;
    font-weight:bold;
    }
body    {
    background-color: #E4E4E4;
    margin-top: 80px;
    }
-->
</style>
</head>
<body>
<div align="center" ><span class="STYLE1">手机号码抽奖</span><br>
<input name="text" type="text" id="result" size="15" readonly/><br>
<input type="button" id="start" onClick="setTimer()" value="开始" />
<input type="button" disabled id="stop" onClick="clearTimer();setValues();" value="停 止"/>
</div><br>
<div align="center"><strong><span class="STYLE1">一等奖</span></strong><10名></div>
<table border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#F2F2F2">
<tr>
<td><input name="text36" type="text" id="36" size="15" readonly/></td>
<td><input name="text37" type="text" id="37" size="15" readonly/></td>
<td><input name="text38" type="text" id="38" size="15" readonly/></td>
<td><input name="text39" type="text" id="39" size="15" readonly/></td>
<td><input name="text40" type="text" id="40" size="15" readonly/></td>
</tr>
<tr>
<td><input name="text41" type="text" id="41" size="15" readonly/></td>
<td><input name="text42" type="text" id="42" size="15" readonly/></td>
<td><input name="text43" type="text" id="43" size="15" readonly/></td>
<td><input name="text44" type="text" id="44" size="15" readonly/></td>
<td><input name="text45" type="text" id="45" size="15" readonly/></td>
</tr>
</table>
<div align="center"><span class="STYLE1"><strong>二等奖</strong></span><15名></div>
<table border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#F2F2F2">
<tr>
<td><input name="text21" type="text" id="21" size="15" readonly/></td>
<td><input name="text22" type="text" id="22" size="15" readonly/></td>
<td><input name="text23" type="text" id="23" size="15" readonly/></td>
<td><input name="text24" type="text" id="24" size="15" readonly/></td>
<td><input name="text25" type="text" id="25" size="15" readonly/></td>
</tr>
<tr>
<td><input name="text26" type="text" id="26" size="15" readonly/></td>
<td><input name="text27" type="text" id="27" size="15" readonly/></td>
<td><input name="text28" type="text" id="28" size="15" readonly/></td>
<td><input name="text29" type="text" id="29" size="15" readonly/></td>
<td><input name="text30" type="text" id="30" size="15" readonly/></td>
</tr>
<tr>
     <td><input name="text31" type="text" id="31" size="15" readonly/></td>
     <td><input name="text32" type="text" id="32" size="15" readonly/></td>
<td><input name="text33" type="text" id="33" size="15" readonly/></td>
<td><input name="text34" type="text" id="34" size="15" readonly/></td>
<td><input name="text35" type="text" id="35" size="15" readonly/></td>
</tr>
</table>
<div align="center"><span class="STYLE1"><strong>三等奖</strong></span><20名></div>
<table border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#F2F2F2">
<tr>
<td><input name="text1" type="text" id="1" size="15" readonly/></td>
<td><input name="text2" type="text" id="2" size="15" readonly/></td>
<td><input name="text3" type="text" id="3" size="15" readonly/></td>
<td><input name="text4" type="text" id="4" size="15" readonly/></td>
<td><input name="text5" type="text" id="5" size="15" readonly/></td>
</tr>
<tr>
<td><input name="text6" type="text" id="6" size="15" readonly/></td>
<td><input name="text7" type="text" id="7" size="15" readonly/></td>
<td><input name="text8" type="text" id="8" size="15" readonly/></td>
<td><input name="text9" type="text" id="9" size="15" readonly/></td>
<td><input name="text10" type="text" id="10" size="15" readonly/></td>
</tr>
<tr>
<td><input name="text11" type="text" id="11" size="15" readonly/></td>
<td><input name="text12" type="text" id="12" size="15" readonly/></td>
<td><input name="text13" type="text" id="13" size="15" readonly/></td>
<td><input name="text14" type="text" id="14" size="15" readonly/></td>
<td><input name="text15" type="text" id="15" size="15" readonly/></td>
</tr>
<tr>
<td><input name="text16" type="text" id="16" size="15" readonly/></td>
<td><input name="text17" type="text" id="17" size="15" readonly/></td>
<td><input name="text18" type="text" id="18" size="15" readonly/></td>
<td><input name="text19" type="text" id="19" size="15" readonly/></td>
<td><input name="text20" type="text" id="20" size="15" readonly/></td>
</tr>
</table>
</body>
</html>

手机号码抽奖系统(JS)的更多相关文章

  1. JS组件系列——图片切换特效:简易抽奖系统

    前言:前两天在网上找组件,无意中发现了我们儿时游戏机效果的“SlotMachine组件”,浏览一遍下来,勾起了博主小时候满满的回忆.于是下定决定要研究下这么一个东西,不得不再次叹息开源社区的强大,原来 ...

  2. PPT图片双屏抽奖系统现场主要操作流程介绍

    目录 第一步:前期准备工作 第二步:现场预备与辅助展示工作 第三步:现场正式抽取工作 PPT图片双屏抽奖系统-现场抽奖视频实录 第一步:前期准备工作 把第二个步骤优化处理制作好的PPT文件 [图片.p ...

  3. 【小型系统】抽奖系统-使用Java Swing完成

    一.需求分析 1. 显示候选人照片和姓名. 2. 可以使用多种模式进行抽奖,包括一人单独抽奖.两人同时抽奖.三人同时抽奖. 3. 一个人可以在不同的批次的抽奖中获取一.二.三等奖,但是不能在同一批次抽 ...

  4. 投票系统 & js脚本简单刷票

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  5. [C#]使用RabbitMQ模拟抽奖系统的例子

    背景:在实际的项目中,经常有客户需要做抽奖的活动,大部分的都是注册送产品.送红包这些需求.这都是有直接的利益效果,所以经常会遇见系统被盗刷的情况,每一次遇见这种项目的上线都是绷紧神经,客户又都喜欢在过 ...

  6. 用Javascript轻松制作一套简单的抽奖系统

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 TRANSITIONAL//EN"> <html> <head ...

  7. 基于Map的用户注册、登录、抽奖系统

    期望功能 方法设计 1.类的设计: 定义两个参与者的属性: private String username; private String userpassword; 2.注册方法: public v ...

  8. java小项目之:抽奖系统!java初学者必备(内附源码)

    [Java]Java摇奖源码,Java抽奖源码,Java随机抽奖源码 任务描述 本次任务要求为某商场开发一套幸运抽奖系统,客户必须首先注册成为该商场会员,会员登录成功后,就可以参加抽奖活动了.注册 用 ...

  9. java小项目——抽奖系统

    来了来了!这不又到考试周了吗!愁人,又得复习,复习,复习!这段时间每天都在复习线代和高数!(说是复习,说实话其实是在预习,啊哈哈哈哈哈),得有一段时间都没有学到新的知识了,代码感觉都生疏了,惆怅.博客 ...

随机推荐

  1. User already has more than 'max_user_connections' active connections

    vi /etc/my.cnf修改  max_user_connections 参数的数值,重启 MySQL 服务器

  2. 如何在Eclipse和MyEclipse中安装SVN

    在安装目录下,找到dropins文件夹将svn文件复制进去.

  3. 安装gensim

    安装了一天的gensim,其中因为版本不一致等等各种问题纠结了好久,现记录如下: 正确安装方式: 1. 安装python2.7 2. 下载Python Extension Packages对应版本的n ...

  4. ios给textView提价提示性文字

    不推荐使用的方式 但是在用的时候才发现原来textView没有类似于textField的那种placeholder功能.所谓placeholder就比如用户看到一个输入框,然后输入框里面一般会有几个浅 ...

  5. 笔记整理--Linux_Socket

    揭开Socket编程的面纱 - 博客 - 伯乐在线 - Google Chrome (2013/9/22 19:28:24) 揭开Socket编程的面纱 2013/09/21 | 分类: IT技术 | ...

  6. Android 面试题(转)

    转自:http://www.jobui.com/mianshiti/it/android/2682/ 1. Android dvm的进程和Linux的进程, 应用程序的进程是否为同一个概念DVM指da ...

  7. js算数方法

    原文:http://www.w3school.com.cn/js/js_obj_math.asp 除了可被 Math 对象访问的算数值以外,还有几个函数(方法)可以使用. 函数(方法)实例: 下面的例 ...

  8. C语言隐式强制类型转换

    今天又被精度问题困扰,把最基本的东西忘了. int n = 5; int cnt = 5.5; double sum = (n-cnt);  运算完后sum是 -0.5.不知道什么时候n转换成doub ...

  9. float的精度,3个小数相加后精度丢失--小数比较使用bccomp()方法

    $a = 1200.00;$b = 1199.80;$c = 0.1;$u = 0.12; $d = $b+$c+$u;var_dump($a);var_dump($d);var_dump(bccom ...

  10. ieee80211_rx

    ieee80211rx.c(E:\code\linux\net\ieee80211) 所有接收到的帧都送到这个函数中去 int ieee80211_rx(struct ieee80211_device ...