黑基Web安全攻防班
安基网 首页 IT技术 电脑技术 查看内容

js简单抽奖代码

2015-1-17 23:42| 投稿: computer

摘要: 核心:js的Math对象和Array对象 ? 123456789101112131415161718192021222324252627282930313233343536...

免责声明:本站系公益性非盈利IT网站,本文由投稿者转载自互联网,文末已注明出处,其内容和图片版权归原作者所有,文中所述不代表本站观点,若有侵权或转载不当之处请从网站右下角联系我们处理。

核心:js的Math对象和Array对象 ? 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152 <!DOCTYPE html> <html lang="en"> <head>  <meta charset="UTF-8">  <title>random</title>  <style>  #awardListDom{width: 100%;}  </style> </head> <body>  <label for="awardListDom">奖项列表</label><br>  <input type="text" value="" id="awardListDom"> <br>  <label for="num">抽到的奖</label><br>  <input type="text" value="" id="num"> <br>  <button id="submit">开始抽奖</button>  <script>   /*    * 思路:随机抽奖,抽一个奖项便减少一个   * Math 对象方法:http://www.w3school.com.cn/jsref/jsref_obj_math.asp   *  -random():返回 0 ~ 1 之间的随机数。   *  -floor():获取整数   * 数组操作:   *  - splice(x,y); x:起始位置, y:获取并删除个数   */    function random(min,max){     return Math.floor(min+Math.random()*(max-min));   }   var awardListDom=document.getElementById("awardListDom"),   num=document.getElementById("num"),   submit=document.getElementById("submit");   var awardList=["一等奖","二等奖","二等奖","三等奖","三等奖","三等奖","鼓励奖","鼓励奖","鼓励奖","鼓励奖","谢谢参与","谢谢参与","谢谢参与","谢谢参与","谢谢参与","谢谢参与"];     awardListDom.value=awardList;   submit.onclick=function(){    //引用数组    var oldArray=awardList;    var rNum=random(0,oldArray.length);         if(oldArray.length<1){     awardListDom.value="活动结束";     num.value="活动结束";    }    else{     num.value=oldArray[rNum];     oldArray.splice(rNum,1);     awardListDom.value=oldArray;    }   }  </script> </body> </html> demo:http://demo.jb51.net/js/2015/choujiang/ github:https://github.com/litengdesign/award

小编推荐:欲学习电脑技术、系统维护、网络管理、编程开发和安全攻防等高端IT技术,请 点击这里 注册账号,公开课频道价值万元IT培训教程免费学,让您少走弯路、事半功倍,好工作升职加薪!



免责声明:本站系公益性非盈利IT网站,本文由投稿者转载自互联网,文末已注明出处,其内容和图片版权归原作者所有,文中所述不代表本站观点,若有侵权或转载不当之处请从网站右下角联系我们处理。


鲜花

握手

雷人

路过

鸡蛋

相关阅读

最新评论

最新

返回顶部