知识大全用Javascript轻松制作抽奖系统

Posted 2022-07-21 知

篇首语：人无常识，百事难成。本文由小常识网(cha138.com)小编为大家整理，主要介绍了知识大全用Javascript轻松制作抽奖系统相关的知识，希望对你有一定的参考价值。

用Javascript轻松制作抽奖系统 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容，让我们赶快一起来看一下吧！

年底将至许多公司忙着搞年会会上一般都会有一些抽奖活动下面的程序就是用JAVASCRIPT 写的一个简单的抽奖系统与大家共享

　　此代码借鉴了网上的一些网友的代码又加上了一些诸如不重复抽奖之类的改进大概思路如下

　　将所有的的抽奖数据（这里为手机号码）存入数组中　　使用random 函数随机产生该数组的INDEX　　使用setInterval 函数以极短的时间间隔产生该数组随机INDEX所对应的手机号码并显示　　使用removeEleAt（index）函数删除随机产生过的手机号码并且重新组织生成剩余的手机号码为一个新的数组为下次使用

　　使用方法

　　将以下原代码拷到写字板上然后将txt属性该成即可如果出现显示乱码请改变网页编码（查看编码）

　　原代码如下

　　<!DOCTYPE HTML PUBLIC //W C//DTD HTML TRANSITIONAL//EN ><><head><title> 年会抽奖系统</title><meta equiv= Content Type content= text/; charset=utf ><script language= javascript > // global variables var timer;var flag = new Array( );var existingnum = new Array( );var clickTimes = ;var randnum;var cellnum = ;var mobile = new Array();// set data here!!mobile[ ]= ;mobile[ ]= ;mobile[ ]= ;mobile[ ]= ;mobile[ ]= ;mobile[ ]= ;mobile[ ]= ;mobile[ ]= ;mobile[ ]= ;mobile[ ]= ;mobile[ ]= ;mobile[ ]= ;mobile[ ]= ;mobile[ ]= ;mobile[ ]= ;mobile[ ]= ;

　　mobile[ ]= ;mobile[ ]= ;mobile[ ]= ;mobile[ ]= ;mobile[ ]= ;mobile[ ]= ;mobile[ ]= ;mobile[ ]= ;mobile[ ]= ;mobile[ ]= ;mobile[ ]= ;mobile[ ]= ;mobile[ ]= ;mobile[ ]= ;mobile[ ]= ;mobile[ ]= ;mobile[ ]= ;mobile[ ]= ;mobile[ ]= ;mobile[ ]= ;mobile[ ]= ;mobile[ ]= ;mobile[ ]= ;mobile[ ]= ;mobile[ ]= ;mobile[ ]= ;mobile[ ]= ;mobile[ ]= ;mobile[ ]= ;mobile[ ]= ;mobile[ ]= ;var num = mobile length ;function getRandNum()document getElementById( result ) value = mobile[GetRnd( num)];function start()clearInterval(timer);timer = setInterval( change() ); function ok()clearInterval(timer);function GetRnd(min max) randnum = parseInt(Math random()*(max min+ ));return randnum;function setTimer() timer = setInterval( getRandNum(); ); document getElementById( start ) disabled = true; document getElementById( end ) disabled = false;function clearTimer() noDupNum(); clearInterval(timer); document getElementById( start ) disabled = false; document getElementById( end ) disabled = true;

　　function noDupNum() // to remove the selected mobile phone number mobile removeEleAt(randnum); // to reanize the mobile number array!! var o = ; for(p= ; p<mobile length;p++) if(typeof mobile[p]!= undefined ) mobile[o] = mobile[p]; o++; num = mobile length ; // method to remove the element in the arrayArray prototype removeEleAt = function(dx) if(isNaN(dx)||dx>this length)return false; this splice(dx ); // 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> <h >中奖号码</h > <p> <input id= result type= text size= readonly/></p> <p> <input id= start type= button value= 开始 onclick= setTimer() /> <input id= end type= button value= 停 onclick= clearTimer();setValues(); disabled/></p> <p><strong>一等奖（名）</strong></p> <table width= height= border= > <tr> <td><input name= text type= text id= size= readonly/></td> <td><input name= text type= text id= size= readonly/></td> <td><input name= text type= text id= size= readonly/></td> <td><input name= text type= text id= size= readonly/></td> <td><input name= text type= text id= size= readonly/></td> </tr> <tr> <td><input name= text type= text id= size= readonly/></td> <td><input name= text type= text id= size= readonly/></td> <td><input name= text type= text id= size= readonly/></td> <td><input name= text type= text id= size= readonly/></td> <td><input name= text type= text id= size= readonly/></td> </tr> </table> <p>二等奖（名）</p> <table width= height= border= > <tr>

cha138/Article/program/Java/Javascript/201311/11135

知识大全 用Javascript轻松制作抽奖系统

知识大全用Javascript轻松制作抽奖系统