抽奖器(投影仪专用)html
来源:互联网 发布:c语言求和函数 编辑:程序博客网 时间:2024/05/15 03:45
1、多种浏览器环境可用。
2、界面为投影仪环境特别设计,方便用活动中展示。
3、抽奖结束后,可以复制全部获奖结果。
源代码如下:(默认加载了背景,背景图片在附件中,也可自己替换)
<!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=UTF-8"/><script type="text/javascript">var narr, scrollFlag=false,batchnum=0;function setlistitem(){narr=new Array();document.getElementById('rewardhid').value='';batchnum=0;var pnum=parseInt(document.getElementById('pn').value,10), seln=parseInt(document.getElementById('spn').value,10);for (var i=1; i<=pnum; i++){narr.push(i);}for (var i=1; i<pnum; i++){var ri=parseInt(Math.random()*(pnum-i)+i,10);var t=narr[ri];narr[ri]=narr[i-1];narr[i-1]=t;}document.getElementById('rewarddiv').innerHTML='<input value="开始抽奖" id="playbut" onclick="doplay()" class="doplaybut" type="button"/>';alert('设置完成');}function setbatch(){var seln=parseInt(document.getElementById('spn').value,10);document.getElementById('rewarddiv').innerHTML='<input value="开始抽奖" id="playbut" onclick="doplay()" class="doplaybut" type="button"/>';}function scrollitem(){if (scrollFlag){scrollTime = setTimeout('scrollitem()',70);}var mh=parseInt(document.getElementById('listdiv').style.marginTop,10);mh=mh-31;var pnum=parseInt(document.getElementById('pn').value,10);if (mh<=pnum/2*(-30)){mh=0;}document.getElementById('listdiv').style.marginTop=mh+'px';}function doplay(){if (scrollFlag){scrollFlag=false;var pnum=parseInt(document.getElementById('pn').value,10), seln=parseInt(document.getElementById('spn').value,10);var pnumlen = (pnum+'').length;var ri=parseInt(Math.random()*narr.length,10);var rewardarr = new Array();if ((ri+seln)<=narr.length){rewardarr =narr.splice(ri, seln);}else{rewardarr = narr;narr = rewardarr.splice(seln-(narr.length-ri)-1, narr.length-seln);}//rewarddiv rewardhidbatchnum++;document.getElementById('rewardhid').value+='第'+batchnum+'次:';var hs = '';for (var i=0; i<rewardarr.length; i++){hs+='<div class="item">< '+formatenum(rewardarr[i],pnumlen)+' ></div>';document.getElementById('rewardhid').value+=formatenum(rewardarr[i],pnumlen)+', ';}document.getElementById('rewardhid').value+='\n\n';document.getElementById('rewarddiv').innerHTML=hs;document.getElementById('spn').focus();}else{scrollFlag=true;document.getElementById('playbut').value='停止';}}function formatenum(s, n){var str=s+'';while(str.length<n){str='0'+str;}return str;}function copyresult(){if (document.getElementById('rewardhid').style.display=='none'){document.getElementById('rewardhid').style.display='';}else{document.getElementById('rewardhid').style.display='none';}}</script><style type="text/css">.item{width:447px;height:120px;line-height:120px;text-align:center;font-weight:700;font-size:85px;float:left;}.setdiv{width:900px;height:30px;line-height:30px;text-align:center;}#newtab tr td{height:90px;font-size:50px;}.doplaybut{width:400px;height:70px;font-size:50px;}</style></head><body><div style="width:900px;height:620px;margin:10px auto;background:url(back.jpg);"><div class="setdiv">参加总人数<input id="pn" value="200" style="width:80px;" type="text"/><input value="重新设置" onclick="setlistitem()" type="button"/>每次抽得个数<input id="spn" value="10" style="width:80px;" type="text"/><input value="准备抽奖" onclick="setbatch()" type="button"/> <input value="复制结果" onclick="copyresult()" type="button"/></div><textarea id="rewardhid" style="display:none;width:900px;height:500px;font-size:25px;" readonly="readonly"></textarea><table id="newtab" border="0" style="width:910px;"><tr><td style="color:#000;" id="rewarddiv" align="center" valign="center"></td></tr></table></div></body></html>
- 抽奖器(投影仪专用)html
- 抽奖器html
- html网页抽奖
- HTML抽奖系统
- 一个简单的html抽奖
- 关于投影仪显示图像不稳定(抖动)
- 结构光:投影仪的标定(OpenCV)
- html + js实现抽奖 纯属娱乐
- HTML DOM setInterval() 方法---javascript抽奖备用
- html+css+js实现抽奖功能
- 抽奖(图形界面+多线程)
- Egret)Demo - 抽奖
- 抽奖(if......else)
- android微信摇一摇(抽奖)
- 抽奖
- 抽奖
- 抽奖
- 抽奖
- c# 语法笔记 适用于从C++转过的,用于速查
- linux常用命令
- linux文件系统基础知识
- C++中的类所占内存空间总结
- 用bash脚本删除database的一张表
- 抽奖器(投影仪专用)html
- IDXGISwapChain接口
- win32简单串口操作
- linux加载ko时出现Unknown symbol 错误(调用了EXPORT_SYMBOL出来的函数)
- LINUX上操作ssh互信
- autoresizingMask
- Eclipse MAT 内存测试工具
- au手机のhttps和http的cookie保存地方不一致的问题
- 全国青少年信息学奥林匹克竞赛培训---pascal基础(2)常量及变量的赋值