手机号码抽奖系统(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">

</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小项目——抽奖系统
来了来了!这不又到考试周了吗!愁人,又得复习,复习,复习!这段时间每天都在复习线代和高数!(说是复习,说实话其实是在预习,啊哈哈哈哈哈),得有一段时间都没有学到新的知识了,代码感觉都生疏了,惆怅.博客 ...

随机推荐

Flask -- 请求、上传文件、Cookies
请求对象 from flask import request request.method #值为form表单提交的method 'POST'. 'GET'等 #如果值为'POST'或'PUT',则可 ...
JS杂记
jQuery(function($) {等于<body onload ='rickk()'>function rickk() }
Handling Captcha | Webdriver
http://seleniumworks.blogspot.kr/2013/09/handling-captcha-webdriver.html Make use of the 'input' tag ...
openwrt 中make的使用
make 命令简单说明 make V=99 V=99表示输出详细的debug信息 make world 表示编译所有 make j=2 V=99 如是多核CPU,加j=2 选项理论上能加快编译速度 m ...
Lambda表达式介绍
Lambda表达式实际上是一个匿名函数.它包含表达式和语句,常用于创建委托或表达式目录树类型.所有Lambda表达式都是用Lambda运算符---------- =>,该运算符读为" ...
vertor容器
头文件#include<vector> 1.创建vector对象 1.不指定容器大小 vector <int> v; 2.指定容器大小 vector <double&g ...
JavaScript焦点事件、鼠标事件和滚轮事件使用详解
网址:http://www.jb51.net/article/78094.htm
JSP基本语法--实例演练
基本语法概括:<%@page>,<%@include>,<jsp:include>,<jsp:forward> 加上数据库操作,可以开发动态web了. ...
perl的USE和require
来源: http://www.cnblogs.com/itech/archive/2010/11/22/1884345.html 相同: 都可以用来引用module(.PM). 不同: 1) 区别在于 ...
centos mono
wget http://download.mono-project.com/sources/mono/mono-4.0.1.tar.bz2wget http://download.mono-proje ...

手机号码抽奖系统(JS)

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

随机推荐

热门专题