手机号码抽奖系统(JS)
<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)的更多相关文章
- JS组件系列——图片切换特效：简易抽奖系统
前言:前两天在网上找组件,无意中发现了我们儿时游戏机效果的“SlotMachine组件”,浏览一遍下来,勾起了博主小时候满满的回忆.于是下定决定要研究下这么一个东西,不得不再次叹息开源社区的强大,原来 ...
- PPT图片双屏抽奖系统现场主要操作流程介绍
目录 第一步:前期准备工作 第二步:现场预备与辅助展示工作 第三步:现场正式抽取工作 PPT图片双屏抽奖系统-现场抽奖视频实录 第一步:前期准备工作 把第二个步骤优化处理制作好的PPT文件 [图片.p ...
- 【小型系统】抽奖系统-使用Java Swing完成
一.需求分析 1. 显示候选人照片和姓名. 2. 可以使用多种模式进行抽奖,包括一人单独抽奖.两人同时抽奖.三人同时抽奖. 3. 一个人可以在不同的批次的抽奖中获取一.二.三等奖,但是不能在同一批次抽 ...
- 投票系统 & js脚本简单刷票
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- [C#]使用RabbitMQ模拟抽奖系统的例子
背景:在实际的项目中,经常有客户需要做抽奖的活动,大部分的都是注册送产品.送红包这些需求.这都是有直接的利益效果,所以经常会遇见系统被盗刷的情况,每一次遇见这种项目的上线都是绷紧神经,客户又都喜欢在过 ...
- 用Javascript轻松制作一套简单的抽奖系统
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 TRANSITIONAL//EN"> <html> <head ...
- 基于Map的用户注册、登录、抽奖系统
期望功能 方法设计 1.类的设计: 定义两个参与者的属性: private String username; private String userpassword; 2.注册方法: public v ...
- java小项目之：抽奖系统！java初学者必备（内附源码）
[Java]Java摇奖源码,Java抽奖源码,Java随机抽奖源码 任务描述 本次任务要求为某商场开发一套幸运抽奖系统,客户必须首先注册成为该商场会员,会员登录成功后,就可以参加抽奖活动了.注册 用 ...
- java小项目——抽奖系统
来了来了!这不又到考试周了吗!愁人,又得复习,复习,复习!这段时间每天都在复习线代和高数!(说是复习,说实话其实是在预习,啊哈哈哈哈哈),得有一段时间都没有学到新的知识了,代码感觉都生疏了,惆怅.博客 ...
随机推荐
- The type java.util.Map$Entry cannot be resolved. It is indirectly referenced from required .class files
JDK版本的问题. 解决方法: 原来jdk1.8不向下兼容,用回1.6的就可以了. 下图有三个jdk,前两个自己装的,第三个MyEclipse自带的.
- SpringMvc+thymeleaf+HTML5中文乱码问题
SpringMvc+thymeleaf+HTML5环境下遇到中文乱码...... 按照以往经验逐个排查,开发环境统一为utf-8编码,服务器也配置了编码过滤器,tomcat也是utf-8编码.前台页面 ...
- js深入理解构造函数和原型对象
1.在典型的oop的语言中,如java,都存在类的概念,类就是对象的模板,对象就是类的实例.但在js中不存在类的概念,js不是基于类,而是通过构造函数(constructor)和原型链(propoty ...
- iOS的一些关键字
最近在使用Swift的过程中,感觉到苹果公司为了迎合Swift,在Objective-C中添加了许多关键字.这些关键字一般用来用来修饰属性,或者方法的参数以及方法的返回值等等.而在以前的Objecti ...
- 配置php开发环境
安装apache 1 loadModule 加载php的模块2 addType 告诉apache凡是php结尾的文件都交给php模块执行3 PHPIniDir 告诉apache php.ini的文件在 ...
- 用shell获得hadoop中mapreduce任务运行结果的状态
在近期的工作中,我需要用脚本来运行mapreduce,并且要判断运行的结果,根据结果来做下一步的动作. 开始我想到shell中获得上一条命令运行结果的方法,即判断"$?"的值 if ...
- HDU 3499 Flight spfa+dp
Flight Time Limit : 20000/10000ms (Java/Other) Memory Limit : 65535/65535K (Java/Other) Total Subm ...
- sql语句-排序后加入序号再运算判断取想要的项
select a.id as aid,b.id as bid,a.city,a.cang,a.sid,a.time as atime,b.time as btime,a.price as aprice ...
- Java线程：新特征-有返回值的线程
http://lavasoft.blog.51cto.com/62575/222082/ Java线程:新特征-有返回值的线程 2009-11-04 17:33:56 标签:返回值 职场 线程 休闲 ...
- hdu_1969_pie(二分)
题目连接:http://acm.hdu.edu.cn/showproblem.php?pid=1969 题意:看了老半天,就是有N个饼,要分给f+1个人,每个人只能一样多,不能拼凑,多余的丢弃,问每个 ...