<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> #list{ width: 100%; } </style> </head> <body> <div for=‘listmore‘>奖项列表</div> <input type="text" value=‘‘ id=‘list‘> <div>抽到的奖</div> <input type="text" value=‘‘ id=‘num‘> <input id="submit" type="button" value=‘开始抽奖‘> </body> <script> //做一个封装随机数函数 function rnd(n,m){ return parseInt(Math.random()*(m-n)+n) } var oList=document.querySelector(‘#list‘); var oNum=document.querySelector(‘#num‘); var oSub=document.querySelector(‘#submit‘); //创建数组数据 var listmore=[‘一等奖‘,‘二等奖‘,‘三等奖‘,‘谢谢参与‘,‘一等奖‘,‘谢谢参与‘]; //显示列表 oList.value=listmore; oSub.onclick=function(){ //保存一个旧的数组 var oldArray=listmore; //随机抽到的奖项index var rNum=rnd(0,oldArray.length); //如果奖项全部抽完抽奖总列表和抽奖显示列表都显示抽奖结束 if(oldArray.length<1){ oList.value=‘抽奖结束‘; oNum.value=‘抽奖结束‘; //抽一个奖项总表就删除一个奖项，抽奖显示列表显示奖项 }else{ oNum.value=oldArray[rNum]; oldArray.splice(rNum,1); oList.value=oldArray; } } </script> </html>
原文：http://www.cnblogs.com/fdzdxb/p/6238962.html