html 抽奖代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <head>
<title>抽奖</title>
<meta http-equiv="Content-Type" content="text/html;
charset=gb2312">
<script language="javascript">
<!--
// global variables
var timer;
var flag = new Array(100);
var existingnum = new Array(100);
var clickTimes = 0;
var randnum;
var cellnum = 1;
var mobile = new Array();
// set data here!!
mobile[0] = 13020000100;
mobile[1] = 13020000101;
mobile[2] = 13020000102;
mobile[3] = 13020000103;
mobile[4] = 13020000104;
mobile[5] = 13020000105;
mobile[6] = 13020000106;
mobile[7] = 13020000107;
mobile[8] = 13020000108;
mobile[9] = 13020000109;
mobile[10] = 13020000110;
mobile[11] = 13020000111;
mobile[12] = 13020000112;
mobile[13] = 13020000113;
mobile[14] = 13020000114;
mobile[15] = 13020000115;
mobile[16] = 13020000116;
mobile[17] = 13020000117;
mobile[18] = 13020000118;
mobile[19] = 13020000119;
mobile[20] = 13020000120;
mobile[21] = 13020000121;
mobile[22] = 13020000122;
mobile[23] = 13020000123;
mobile[24] = 13020000124;
mobile[25] = 13020000125;
mobile[26] = 13020000126;
mobile[27] = 13020000127;
mobile[28] = 13020000128;
mobile[29] = 13020000129;
mobile[30] = 13020000130;
mobile[31] = 13020000131;
mobile[32] = 13020000132;
mobile[33] = 13020000133;
mobile[34] = 13020000134;
mobile[35] = 13020000135;
mobile[36] = 13020000136;
mobile[37] = 13020000137;
mobile[38] = 13020000138;
mobile[39] = 13020000139;
mobile[40] = 13020000140;
mobile[41] = 13020000141;
mobile[42] = 13020000142;
mobile[43] = 13020000143;
mobile[44] = 13020000144;
mobile[45] = 13020000145;
mobile[46] = 13020020146;
var num = mobile.length - 1; function getRandNum() {
num = parseInt(num);
var y = GetRnd(0, num);
document.getElementById("result").value = mobile[y];
} function start() {
clearInterval(timer);
timer = setInterval('change()', 50);
} function ok() {
clearInterval(timer);
} function GetRnd(m, n) {
randnum = parseInt(Math.random() * (n - m + 1));
return randnum;
} function setTimer() {
time = setInterval("getRandNum()", 10);
document.getElementById("start").disabled = true;
document.getElementById("end").disabled = false;
} function clearTimer() {
noDupNum();
clearInterval(time);
document.getElementById("start").disabled = false;
document.getElementById("end").disabled = true;
setValues();
} function noDupNum() {
// to remove the selected mobile phone number
mobile.removeEleAt(randnum);
// to reorganize the mobile number array!!
var o = 0;
for (p = 0; p < mobile.length; p++) {
if (typeof mobile[p] != "undefined") {
mobile[o] = mobile[p];
o++;
}
}
num = mobile.length - 1;
}
// method to remove the element in the array
Array.prototype.removeEleAt = function(dx) {
if (isNaN(dx) || dx > this.length) {
return false;
}
this.splice(dx, 1);
}
// set mobile phone numbers to the table cell
function setValues() {
document.getElementById(cellnum).value =
document.getElementById("result").value;
cellnum++;
}
//-->
</script>
</head> <body>
<center>
<div> </div>
<div id="main">
<div>
<h1>Öн±ºÅÂë</h1>
<p>
<input id="result" type="text" size="30" style="height:130px;width:800px;border:2px solid
red;font-size:120;" readonly/>
</p>
<p>
<input id="start" type="button" value="¿ªÊ¼" style="border: 1px solid; border-color: #aaa 000
#000 #aaa;width:4em; background: #fc0;" onclick="setTimer()" />
<input id="end" type="button" value="Í£" style="border: 1px solid; border-color: #aaa 000
#000 #aaa;width:4em; background:
#fc0;" onclick="clearTimer()" disabled/>
</p>
<p><strong>Ò»µÈ½±£¨10Ãû£©</strong></p>
<table width="946" height="79" border="1">
<tr>
<td>
<input name="text36" type="text" id="36" style="height:30px;width:190px;border:1px solid
red;font-size:25;" size="28" readonly/>
</td>
<td>
<input name="text37" type="text" id="37" style="height:30px;width:190px;border:1px solid
red;font-size:25;" size="20" readonly/>
</td>
<td>
<input name="text38" type="text" id="38" style="height:30px;width:190px;border:1px solid
red;font-size:25;" size="20" readonly/>
</td>
<td>
<input name="text39" type="text" id="39" style="height:30px;width:190px;border:1px solid
red;font-size:25;" size="20" readonly/>
</td>
<td>
<input name="text40" type="text" id="40" style="height:30px;width:190px;border:1px solid
red;font-size:25;" size="20" readonly/>
</td>
</tr>
<tr>
<td>
<input name="text41" type="text" id="41" style="height:30px;width:190px;border:1px solid
red;font-size:25;" size="28" readonly/>
</td>
<td>
<input name="text42" type="text" id="42" style="height:30px;width:190px;border:1px solid
red;font-size:25;" size="20" readonly/>
</td>
<td>
<input name="text43" type="text" id="43" style="height:30px;width:190px;border:1px solid
red;font-size:25;" size="20" readonly/>
</td>
<td>
<input name="text44" type="text" id="44" style="height:30px;width:190px;border:1px solid
red;font-size:25;" size="20" readonly/>
</td>
<td>
<input name="text45" type="text" id="45" style="height:30px;width:190px;border:1px solid
red;font-size:25;" size="20" readonly/>
</td>
</tr>
</table>
<p>¶þµÈ½±£¨15Ãû£©</p>
<table width="951" height="88" border="1">
<tr>
<td>
<input name="text21" type="text" id="21" style="height:30px;width:190px;border:1px solid
red;font-size:25;" size="28" readonly/>
</td>
<td>
<input name="text22" type="text" id="22" style="height:30px;width:190px;border:1px solid
red;font-size:25;" size="20" readonly/>
</td>
<td>
<input name="text23" type="text" id="23" style="height:30px;width:190px;border:1px solid
red;font-size:25;" size="20" readonly/>
</td>
<td>
<input name="text24" type="text" id="24" style="height:30px;width:190px;border:1px solid
red;font-size:25;" size="20" readonly/>
</td>
<td>
<input name="text25" type="text" id="25" style="height:30px;width:190px;border:1px solid
red;font-size:25;" size="20" readonly/>
</td>
</tr>
<tr>
<td>
<input name="text26" type="text" id="26" style="height:30px;width:190px;border:1px solid
red;font-size:25;" size="28" readonly/>
</td>
<td>
<input name="text27" type="text" id="27" style="height:30px;width:190px;border:1px solid
red;font-size:25;" size="20" readonly/>
</td>
<td>
<input name="text28" type="text" id="28" style="height:30px;width:190px;border:1px solid
red;font-size:25;" size="20" readonly/>
</td>
<td>
<input name="text29" type="text" id="29" style="height:30px;width:190px;border:1px solid
red;font-size:25;" size="20" readonly/>
</td>
<td>
<input name="text30" type="text" id="30" style="height:30px;width:190px;border:1px solid
red;font-size:25;" size="20" readonly/>
</td>
</tr>
<tr>
<td>
<input name="text31" type="text" id="31" style="height:30px;width:190px;border:1px solid
red;font-size:25;" size="28" readonly/>
</td>
<td>
<input name="text32" type="text" id="32" style="height:30px;width:190px;border:1px solid
red;font-size:25;" size="20" readonly/>
</td>
<td>
<input name="text33" type="text" id="33" style="height:30px;width:190px;border:1px solid
red;font-size:25;" size="20" readonly/>
</td>
<td>
<input name="text34" type="text" id="34" style="height:30px;width:190px;border:1px solid
red;font-size:25;" size="20" readonly/>
</td>
<td>
<input name="text35" type="text" id="35" style="height:30px;width:190px;border:1px solid
red;font-size:25;" size="20" readonly/>
</td>
</tr>
</table>
<p>ÈýµÈ½±£¨20Ãû£©</p>
<table width="961" height="102" border="1">
<tr>
<td>
<input name="text1" type="text" id="1" style="height:30px;width:190px;border:1px solid
red;font-size:25;" size="28" readonly/>
</td>
<td>
<input name="text2" type="text" id="2" style="height:30px;width:190px;border:1px solid
red;font-size:25;" size="20" readonly/>
</td>
<td>
<input name="text3" type="text" id="3" style="height:30px;width:190px;border:1px solid
red;font-size:25;" size="20" readonly/>
</td>
<td>
<input name="text4" type="text" id="4" style="height:30px;width:190px;border:1px solid
red;font-size:25;" size="20" readonly/>
</td>
<td>
<input name="text5" type="text" id="5" style="height:30px;width:190px;border:1px solid
red;font-size:25;" size="20" readonly/>
</td>
</tr>
<tr>
<td>
<input name="text6" type="text" id="6" style="height:30px;width:190px;border:1px solid
red;font-size:25;" size="28" readonly/>
</td>
<td>
<input name="text7" type="text" id="7" style="height:30px;width:190px;border:1px solid
red;font-size:25;" size="20" readonly/>
</td>
<td>
<input name="text8" type="text" id="8" style="height:30px;width:190px;border:1px solid
red;font-size:25;" size="20" readonly/>
</td>
<td>
<input name="text9" type="text" id="9" style="height:30px;width:190px;border:1px solid
red;font-size:25;" size="20" readonly/>
</td>
<td>
<input name="text10" type="text" id="10" style="height:30px;width:190px;border:1px solid
red;font-size:25;" size="20" readonly/>
</td>
</tr>
<tr>
<td>
<input name="text11" type="text" id="11" style="height:30px;width:190px;border:1px solid
red;font-size:25;" size="28" readonly/>
</td>
<td>
<input name="text12" type="text" id="12" style="height:30px;width:190px;border:1px solid
red;font-size:25;" size="20" readonly/>
</td>
<td>
<input name="text13" type="text" id="13" style="height:30px;width:190px;border:1px solid
red;font-size:25;" size="20" readonly/>
</td>
<td>
<input name="text14" type="text" id="14" style="height:30px;width:190px;border:1px solid
red;font-size:25;" size="20" readonly/>
</td>
<td>
<input name="text15" type="text" id="15" style="height:30px;width:190px;border:1px solid
red;font-size:25;" size="20" readonly/>
</td>
</tr>
<tr>
<td>
<input name="text16" type="text" id="16" style="height:30px;width:190px;border:1px solid
red;font-size:25;" size="28" readonly/>
</td>
<td>
<input name="text17" type="text" id="17" style="height:30px;width:190px;border:1px solid
red;font-size:25;" size="20" readonly/>
</td>
<td>
<input name="text18" type="text" id="18" style="height:30px;width:190px;border:1px solid
red;font-size:25;" size="20" readonly/>
</td>
<td>
<input name="text19" type="text" id="19" style="height:30px;width:190px;border:1px solid
red;font-size:25;" size="20" readonly/>
</td>
<td>
<input name="text20" type="text" id="20" style="height:30px;width:190px;border:1px solid
red;font-size:25;" size="20" readonly/>
</td>
</tr>
</table>
<p> </p>
<p> </p>
<p> </p>
</div>
</div>
<center>
</body> </html>
html 抽奖代码的更多相关文章
- js手机号批量滚动抽奖代码实现
我们平时在看一些选秀节目或一些歌唱类比赛节目时经常会看到在现场的大屏幕上会有观众的手机号在滚动来选出谁是幸运观众或谁中了什么奖项,这些手机号都是现场观众或场外观众在给选手投票时产生的,当主持人一声开始 ...
- jquery.rotate.js实现可选抽奖次数和中奖内容的转盘抽奖代码
需求: 抽奖代码最多可以抽奖5次,而且,每次只会中“2000元理财金”或者“谢谢参与”,其它的不会抽中(哈哈,果然都是套路). 效果如下: 一.页面结构: ? 1 2 3 4 5 6 7 8 9 10 ...
- javascript 转盘抽奖代码和计数器代码
要介绍了javascript圆盘抽奖程序实现原理和完整代码例子,需要的朋友可以参考下 看到网页上有不少大转盘抽奖的应用,心血来潮也想弄个.于是找了点资料自己研究... 效果预览: 一.模拟抽奖的实 ...
- jQueryRotate 转盘抽奖代码实现
代码如下: 例子兼容IE6,7,8 以及高版本浏览器,如有bug请回复! 1.html结构 <!doctype html> <html lang="en"> ...
- php抽奖代码
1.经典概率算法抽奖 $tmpItems = ['电脑'=>10, '相机'=>50, '100元现金'=>500]; $proSum = array_sum($tmpItems); ...
- php实现概率性随机抽奖代码
1.初始数据: 权重越大,抽取的几率越高 [奖品1, 权重 5], [ 奖品2, 权重6], [ 奖品3, 权重 7], [ 奖品4, 权重2] 2.处理步骤: 1)N = 5 + 6 + 7 + 2 ...
- php按照奖品百分比随机抽奖代码分析
这个忘记从哪里copy过来了 /** * 概率算法 * @param array $probability * @return integer|string */ function get_rand( ...
- PHP抽奖代码。亲测可用
$prize_arr = array( '0' => array('id' => 1, 'title' => 'iphone5s', 'v' => 5), '1' => ...
- HTML5 Canvas绘制转盘抽奖
新项目:完整的Canvas转盘抽奖代码 https://github.com/givebest/GB-canvas-turntable 演示 http://blog.givebest.cn/GB-ca ...
随机推荐
- JMeter常用字符串相关函数
JMeter的惯用函数使用-字符串相关 主要的函数如下:1.将字符串转为大写或小写: ${__lowercase(Hello,)} ${__uppercase(Hello,)}2.生成字符串: _ ...
- static 类成员变量 和 static const类成员变量
1.使用static类的优点: (1)避免与其他类的成员或者全局变量冲突 (2)可以封装 (3)阅读性好 2.static 数据成员独立于该类的任意对象而存在 static数据成员的类型可以是该成员所 ...
- 网页打印A4纸-----表格在跨页时自动换页打印的实现 (转)
在最近所做的一个项目中,需要通过网页来打印不少的表单,但是又不想每个打印页签各占用一个页面,这样就需要生存很多不同的冗余页面,为了减少冗余,所有的表单通过jquery的页签tab来实现的. 一 :基本 ...
- 03 Javascript初识
Javascript语言(★★★★★) Javascript是基于对象和事件驱动的脚本语言,作用在客户端. 特点: * 交互性 * 安全性(不能访问本地的硬盘) ...
- 最火的.NET开源项目
综合类 微软企业库 微软官方出品,是为了协助开发商解决企业级应用开发过程中所面临的一系列共性的问题, 如安全(Security).日志(Logging).数据访问(Data Access).配置管理( ...
- 在Dreamweaver中安装Emmet(zen-coding)
在http://www.adobe.com/exchange/em_download/地址下下载好Emmet扩展插件,然后在Dreamweaver找到菜单栏中命令>扩展管理>文件,找到以后 ...
- [转]JavaScript跨域总结与解决办法
转载自http://www.cnblogs.com/rainman/archive/2011/02/20/1959325.html仅用作个人读书笔记. 什么是跨域 1.document.domain+ ...
- Codeforces 611C New Year and Domino(二维前缀和)
题目大概说给一个n*m个格子,格子'.'表示可以放东西,多次询问矩形区域(x1,y1)-(x2,y2)有几种放一张1*2的骨牌的方案数. 分别考虑横着竖着放,预处理出二维的前缀和,即sum[x][y] ...
- EF框架step by step(5)—处理实体简单属性
EF框架会对实体进行跟踪,对实体的每个属性当前值和原始值及其状态进行跟踪,记录.当前值是指实体属性当前的被赋予的值,而原始值是指实体最初从数据库读取或者附加到DbContext时的值. 先通过简单的代 ...
- SqlServer事务回滚(2)
SQL Server 2008中SQL应用系列--目录索引 SQL事务 一.事务概念 事务是一种机制.是一种操作序列,它包含了一组数据库操作命令,这组命令要么全部执行,要么全部不执行.因此事务是 ...