手机号码抽奖系统(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小项目——抽奖系统
来了来了!这不又到考试周了吗!愁人,又得复习,复习,复习!这段时间每天都在复习线代和高数!(说是复习,说实话其实是在预习,啊哈哈哈哈哈),得有一段时间都没有学到新的知识了,代码感觉都生疏了,惆怅.博客 ...
随机推荐
- tomcat安装完设定用户名和密码
vi conf/tomcat-user.xml<tomcat-users> <role rolename="manager"/> <role role ...
- 全排列dfs算法
如下 #include <iostream> using namespace std; #define MAX 10 #define _CRT_SECURE_NO_WARNINGS int ...
- 如何用Navicat for MySQL 将mysql中的数据库导出,导入。
数据库导出 1.双击要导出的数据库,右键选转储SQL文件...,选择要保存的文件夹. 2.点击开始后,开始导出. 数据库导入 1.新建数据库,数据库的名字必须和导入的数据库文件一致. 2.在新建的数据 ...
- freemarker遍历list中的map
前台: <select id="jq" name="jq" class="tsui" data-required="true ...
- Flask -- 使用数据库(Sqlite3)、用户注册、登录注销、修改密码
# 使用sqlite数据库 import sqlite3from contextlib import closing app.config.update( DATABASE = 'my.db', #相 ...
- 图片特效-仿 iPhone 图片查看器效果
—————————————————————— <script type="text/javascript"> var arr = ...
- JavaScript高级程序设计：第十章
一.理解包含不同层次节点的DOM 1.节点层次 以下面的HTML为例: <html> <head> <title>Sample Page</title> ...
- hdu_5769_Substring(后缀数组)
题目链接:hdu_5769_Substring 题意: 给你一个字符a和一个串b,问你有多少个包括a的字串 题解: #include<bits/stdc++.h> #define F(i, ...
- hdu_5768_Lucky7(中国剩余定理+容斥)
题目链接:hdu_5768_Lucky7 题意: 给你一个区间,问你这个区间内是7的倍数,并且满足%a[i]不等于w[i]的数的个数 乍一看以为是数位DP,仔细看看条件,发现要用中国剩余定理,然后容斥 ...
- hdu_2111_Saving HDU(贪心)
题目连接:http://acm.hdu.edu.cn/showproblem.php?pid=2111 题意:给你n个物品的单位体积价值和体积,求装满容量v的背包的最大价值. 题解:乍一看还以为是背包 ...