HTML抽奖系统

最新推荐文章于 2021-10-14 08:09:29 发布
最新推荐文章于 2021-10-14 08:09:29 发布
阅读量2k 收藏 4
点赞数
分类专栏： html/css
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title></title>
<style type="text/css">
<!--
body {
background-color: #00CCFF;
}
-->
</style></head>

<SCRIPT LANGUAGE="JavaScript">
var alldata = "06924143820,06929282215,13988809625,6146131,6146113,13759503010,15911528815"      //抽奖的姓名，以,为分隔
var alldataarr = alldata.split(",")
var num = alldataarr.length-1
var timer
</script>
<SCRIPT LANGUAGE="JavaScript">
function change(){
      document.getElementById("oknum").value = alldataarr[GetRnd(0,num+1)];
document.getElementById("oknum1").value = alldataarr[GetRnd(0,num+1)];
document.getElementById("oknum2").value = alldataarr[GetRnd(0,num+1)];
document.getElementById("oknum3").value = alldataarr[GetRnd(0,num+1)];


}

function start(){
      clearInterval(timer);
      timer = setInterval('change()',10);      //50（毫秒）为变换间隔，越小变换的越快
}

function ok(){
      clearInterval(timer);
}

function GetRnd(min,max){
      return parseInt(Math.random()*(max-min+1));
}
</SCRIPT>
</font>


</head>

<body onLoad="init()">
<table width="98%" height="152" border="0" align="center" cellpadding="0" cellspacing="0">

</table>
    <form method="POST">
    <table width="495" border="0" cellspacing="0" cellpadding="0" height="114" align="center">
      <tr>
        <td width="502" height="114" align="center" background="image/kuang.gif">     
      <div align="center">
         <font size=6> 第01名：</font><input name="oknum" type=text style="border-style:dotted; border-width:1; background-color:#FFFFFF; height:20;font-size:25pt; font-family:幼圆" value="城市名片抽奖" size=11 maxlength=30><br>
<font size=6> 第02名：</font><input name="oknum1" type=text style="border-style:dotted; border-width:1; background-color:#FFFFFF; height:20;font-size:25pt; font-family:幼圆" value="城市名片抽奖" size=11 maxlength=30><br>
<font size=6> 第03名：</font><input name="oknum2" type=text style="border-style:dotted; border-width:1; background-color:#FFFFFF; height:20;font-size:25pt; font-family:幼圆" value="城市名片抽奖" size=11 maxlength=30><br>
         <font size=6> 第03名：</font><input name="oknum3" type=text style="border-style:dotted; border-width:1; background-color:#FFFFFF; height:20;font-size:25pt; font-family:幼圆" value="城市名片抽奖" size=11 maxlength=30><br>
        

        </div></td>
      </tr>
    </table>
 
<div align="center">    
<button οnclick="start()" accesskey="s" style="color: #008080;font-size:15pt; border: 3px double #FFFF00">开始摇奖(<U>S</U>)</button>
<button οnclick="ok()" accesskey="o"style="color: #008080;font-size:15pt; border: 3px double #FFFF00">停止摇奖(<U>O</U>)</button> 
    </div>
    </form>
<center>


<body>

</body>
</html>

gzeehg007
关注
  • 0
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Html页面抽奖系统
11-07
一个使用javascript制作的可以随机名字和图片的 页面抽奖系统，修改里面图片和页面javascript属性名字即可使用自己名字图片！
基于html抽奖界面
04-19
九宫格抽奖，html+javascript+css结构框架制作的网页，倒计时界面
通过JavaScript实现一个抽奖系统
weixin_44409290的博客
12-24 1290
通过JavaScript实现一个抽奖系统 页面代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> body{ background: url("bg.jpg") no-repea
抽奖系统-HTML-代码
05-24
一个web网页，用HTML写的，css样式、JavaScript也在里面，会动，有特效，学习前端的朋友可以试着下载来看看，有些地方是可以借鉴的，挺不错的
tonyCode抽奖系统（原HTML+JS抽奖系统）V4.0
04-12
TonyCode抽奖系统（前身《html+js抽奖系统》），由tony于2011年自身公司年会需要设计演变而来，从单机网页版本，逐步演变为基于WEB可执行程序的系列版本。系统适用于投影投射宴会、晚宴、活动等场景的互动抽奖，...
HTML+JS抽奖系统-其他
06-13
纯html+JS完成的抽奖系统，友通数码港实力派团队开发。 1、号码抽取等级、数量自由定义 ini.htm 2、全屏幕显示1024X768像素，界面美观大方,适合于投影仪投射晚会晚宴豪华场所抽奖系统。 3、可自由选择键盘及...
HTML+JS抽奖系统源代码
03-18
纯html+JS完成的抽奖系统，友通数码港实力派团队开发。 1、号码抽取等级、数量自由定义 ini.htm 2、全屏幕显示1024X768像素，界面美观大方,适合于投影仪投射晚会晚宴豪华场所抽奖系统。 3、可自由选择键盘及鼠标双重...
html+Js抽奖系统 2.0.1
12-22
纯html+JS完成的抽奖系统，友通数码港实力派团队开发。 1、号码抽取等级、数量可以自由定义前端定义，不用手工修改任何代码 3、背景、主题和样式可根据会场需要自由更换修改 2、全屏幕显示1024X768像素，界面美观大方,适合于投影仪投射晚会晚宴豪华场所抽奖系统。 3、可自由选择键盘及鼠标双重操作方式，其它无用键自动屏蔽。 4、环境要求低，只需要IE浏览器即可完成所有执行和配置工作。 5、未到场人员可以双击数字单独重新抽取。 6、开完配置一次抽一组或者抽一个。 7、自定义配置可以根据需要保存为配置文件。 8、抽奖完成后可以选择保存结果以便日后统计分析。 V1.0 增加了键鼠屏蔽参数 ----------------------------------------------- V1.1 2010-12-28 增加了 是否可以重复抽取配置选项 ----------------------------------------------- V1.2 2011-01-05 增加了 每组是否逐个抽取配置选项 2011-01-05 对逐个抽取的号码显示做了美化 ----------------------------------------------- V1.2.1 2011-01-08 修复了window.obo = 1;时出现重复数字的错误，V1.1之前版本无此错误 ~感谢石路街道的领导提醒:) 2011-01-08 增加了可选滚动姓名的功能 配置 m_name=[]; 即可 2011-01-08 增加双击数字单独重抽时的提示选项“此号码在以后的环节是否还有机会抽到！” 2011-01-08 修改了结果显示部分的错位样式 2011-01-08 修复了组抽号码重复错误问题 ----------------------------------------------- V1.2.2 2011-01-14 兼容了火狐浏览器，但本人建议仍然用IE，要用火狐只有按F11手动全屏了 2011-01-14 部分键 F5、退格、Ctrl+R、Ctrl+N、Shift+F10、Alt+F4 被屏蔽，避免一些意外发生 2011-01-14 优化了一些繁琐的结构，效率有所提升！ 2011-01-16 去掉了配置参数 r、r_name,奖项配置变为window.ini，使配合样式表更加灵活 ----------------------------------------------- V1.2.2 2011-02-10 在配置文件增加了速度控制变量，以便于在不同机器环境中做速度微调 ----------------------------------------------- V1.2.3 * 2011-08-08 本版本为政府单位定制版本不对外开放 ----------------------------------------------- V2.0 2011-09-13 突破性的解决了手工修改代码烦恼增加了图形化界面 2011-09-13 可以通过图形化设置界面保存配置文件（只在IE下有效） 2011-09-13 配置文件从HTML内提取出来，变为ini.js 2011-09-13 图形化配置界面做了一些兼容性优化 2011-09-13 奖项框除了可以填写样式名还可以直接填写样式代码，程序可以自动识别 2011-09-13 增加了手动和自动整理列表功能 ----------------------------------------------- V2.0.1 2011-12-09 bug处理：列表获取处理错误，已修正！ 使用请看压缩包内说明，用过了别忘了给好评，欢迎光临苏州友通数码港！
抽奖系统html重置代码,HTML+JS抽奖系统 v2.1.1 HTA版
weixin_39775976的博客
06-03 222
HTML+JS抽奖系统从2.1版本开始，抽奖系统告别乱杂的浏览器时代，采用本地HTA脚本直接运行，由封装好的“启动抽奖.EXE”直接启动。全部代码为纯html+JS完成的，友通数码港IT团队成员-TONY编写。1、号码抽取等级、数量自由定义 可在系统上配置或修改ini.js2、全屏幕显示1024X768像素，界面美观大方,适合于投影仪投射晚会晚宴豪华场所抽奖系统。3、可自由选择键盘及鼠标双重操作方...
年会抽奖html
03-09
年会抽奖页面，可同时抽取5，4，3，2，1个用户自动添加到中奖名单中，保证不会重复
html简单随机抽奖页面（在线抽奖、随机选取、自动挑选）
07-19
html简单随机抽奖页面（在线抽奖、随机选取、自动挑选） https://ymjin.blog.csdn.net/article/details/118900551
HTML+JS抽奖系统V3.0 （自识扩展屏幕）
02-07
版本说明（分屏投影）： 本版本新增自动分屏功能，连接投影仪的电脑，按 windows键+P键，选择分屏模式，即可达到理想效果。采用本地脚本直接运行无需互联网支持，双击“启动抽奖.EXE”即可启动程序。 功能描述： 1) 数字号码或名单列表抽取，等级、数量自由定义 2) 连接投影机扩展屏幕后可以自动识别投放到扩展屏幕上全屏幕显示建议投影分辨率1024*768 3) 界面美观大方,背景图片自由替换，适合于投影仪投射晚会晚宴豪华场所抽奖系统。 4) 可自由选择键盘或鼠标双重操作方式完成控制。 5) 正常windows7及以上内核系统即可流畅运行。 6) 抽出“未到场”无效人员可以双击数字单独 重抽。 7) 自由配置一次抽一组或者抽一个。 8) 自由定义过滤没有发到的号码段。 9) 屏蔽键盘上无用键以免人员误操作。 10) 抽奖完成后可以选择保存结果以便日后备案分析。
HTML+JS自动抽奖系统 适合每人手上有一个号连续的号
12-08
这个下载后可以直接使用. 设置一下奖励的数量就行了. 适用于每一个人手上有一个号,连续的号 然后抽奖,抽出来各种名次的奖励
HTML+JS抽奖系统 v3.0
12-02
HTML+JS抽奖系统本版本新增自动分屏功能，连接投影仪的电脑，按windows键+P键，选择分屏模式，即可达到理想效果。采用本地脚本直接运行无需互联网支持，双击“启动抽奖.EXE”即可启动程序。 功能描述： 1)数字号码或名单列表抽取，等级、数量自由定义 2)连接
HTML摇奖模板
11-30
一个摇奖的js模板，界面用bootstrap设计的
HTML+JS抽奖系统 1.2.1版
01-08
纯html+JS完成的抽奖系统，友通数码港实力派团队开发。 1、号码抽取等级、数量自由定义 ini.htm 2、全屏幕显示1024X768像素，界面美观大方,适合于投影仪投射晚会晚宴豪华场所抽奖系统。 3、可自由选择键盘及鼠标双重操作方式。 4、只需要IE浏览器即可完成所有执行。 5、未到场人员可以双击数字单独重新抽取。 6、自由配置一次抽一组或者抽一个。 7、抽奖完成后可以选择保存结果以便日后统计分析。 V1.1-------------------------------------- 2010-12-28 增加了 是否可以重复抽取配置选项 V1.2-------------------------------------- 2011-01-05 增加了 每组是否逐个抽取配置选项 2011-01-05 对逐个抽取的号码显示做了美化 V1.2.1------------------------------------ 2011-01-08 修复了window.obo = 1;时出现重复数字的错误，V1.1之前版本无此错误 ~感谢石路街道的领导提醒:) 2011-01-08 增加了可选滚动姓名的功能 配置 m_name=[]; 即可 2011-01-08 增加双击数字单独重抽时的提示选项“此号码在以后的环节是否还有机会抽到！” 2011-01-08 修改了结果显示部分的错位样式 ----------------------------------------- 对于已经用过1.2版本选择逐个单抽的朋友所带来的尴尬 说声抱歉 使用请看压缩包内说明，用过了别忘了给好评，欢迎光临苏州友通数码港！
利用html css JavaScript做个简单的抽奖系统
weiyuyang250的博客
10-14 1626
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.
html+js抽奖系统
11-11
非常容易看懂的一个html+js 的的抽奖系统
写一个HTML抽奖系统
最新发布
04-04
抱歉，我无法编写代码。但我可以给您提供一些HTML抽奖系统的基本思路： 1. HTML页面设计 首先，您需要设计一个简单的HTML页面，包括抽奖活动的标题、奖品列表、抽奖按钮等。 2. 奖品列表 在HTML页面上，您需要列出所有的奖品以及对应的中奖概率，例如： - 一等奖：iPhone 12 Pro Max（1%） - 二等奖：iPad Air（2%） - 三等奖：AirPods Pro（5%） - 安慰奖：谢谢参与（92%） 3. 抽奖 在HTML页面上，您需要添加一个抽奖按钮，并编写JavaScript代码实现抽奖的功能。当用户点击抽奖按钮时，程序会根据奖品概率随机生成一个中奖结果，然后将中奖结果显示在页面上。 4. 中奖记录 您可以在HTML页面上添加一个中奖记录区域，每次抽奖时将中奖结果记录下来，以便用户查看自己的中奖记录。 5. 安全性考虑 在编写HTML抽奖系统时，您需要考虑安全性问题，例如防止用户利用技术手段作弊、保护用户的隐私等。您可以使用加密算法、设置访问权限等方式来提高系统的安全性。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值