js摇奖 转载


 
 
  1. <html>
  2. <head>
  3. <title>物 联 班 摇 奖 程 序 </title>
  4. <script type="text/javascript">
  5. var array_name = [
  6. "黄昌龙", " 刘 华", " 黄 强", "李明杰", " 许 磊",
  7. " 许 傲", " 曹 芳", " 李 珂", "陈德龙", "陈小兰",
  8. " 刘 锐", "范学文", " 肖 格", "刘灿伟", "郑梦丽",
  9. " 曾 岑", "李海晨", " 刘 俊", " 丁 毅", "王云飞",
  10. "陈源源", "胡思亮", "王宜国", " 万 浩", " 张 卉",
  11. "吴清华", "李傲寒", "罗祖雨", " 秦 康", "张亚楠",
  12. " 徐 聪", "赵志颖", "庄爱民", "陈国超", " 陈 佃",
  13. "王绍慧", "伍子雄", "危光辉", " 曹 宇", "许泽雄",
  14. "毛泽铭", " 程 争", " 李 亿", "严智望", "柯志敏",
  15. "王模国", "闻青青", " 徐 倩", "李长力", "严金龙", "孙姿雯"
  16. ];
  17. var array_color = [ "red", "green", "blue", "#FF4500", "#8B008B", "#4B0082", "#8B1A1A"];
  18. //随机数界限值
  19. var len_Name = array_name.length;
  20. var len_Color = array_color.length;
  21. var indexOfName = 0; // 姓名数组 下标
  22. var indexOfColor = 0; // 颜色数组 下标
  23. var tmr;
  24. //计时器
  25. function start() {
  26. if (len_Name > 5) {
  27. indexOfName = getNum(len_Name);
  28. indexOfColor = getNum(len_Color);
  29. txtName.value = array_name[indexOfName];
  30. txtName.style.color = array_color[indexOfColor];
  31. setStyle_Start(); //设置样式
  32. tmr = setTimeout( "start()", 50); // 启动
  33. } else {
  34. var choose = confirm( "摇奖完毕,继续抽奖?");
  35. if (choose) {
  36. result.innerHTML = ""; //清空
  37. txtName.value = null;
  38. len_Name = array_name.length;
  39. }
  40. else {
  41. btnStart.disabled = true;
  42. for ( var i = 0; i < len_Name; i++) {
  43. txtName.value = array_name[i];
  44. result.innerHTML += txtName.value + "<br/>";
  45. }
  46. }
  47. }
  48. }
  49. function stop() {
  50. clearTimeout(tmr); //停止
  51. swapNum(); //交换位置
  52. result.innerHTML += txtName.value + "<br/>";
  53. setStyle_Stop();
  54. }
  55. //交换位置(相对最后一项替换当前项,实现无重复)
  56. function swapNum() {
  57. var temp;
  58. temp = array_name[indexOfName];
  59. array_name[indexOfName] = array_name[--len_Name];
  60. array_name[len_Name] = temp;
  61. }
  62. //产生随机数
  63. function getNum(length) {
  64. return Math.floor( Math.random() * length);
  65. }
  66. //批量摇
  67. function lotSize(n) {
  68. for ( var i = 0; i < n; i++) {
  69. indexOfName = getNum(len_Name);
  70. result.innerHTML += array_name[indexOfName] + "<br/>";
  71. swapNum();
  72. }
  73. }
  74. //加载事件
  75. window.onload = function () {
  76. var n = prompt( "请输入批量摇的数", "0");
  77. if (!( isNaN(n)) && (len_Name >= 1 && n <= len_Name))
  78. lotSize(n);
  79. else
  80. alert( "什么哟,亲!");
  81. btnStart.onclick = start;
  82. btnStop.onclick = stop;
  83. }
  84. //设置样式
  85. function setStyle_Start() {
  86. btnStart.disabled = true;
  87. btnStop.disabled = false;
  88. btnStart.style.fontSize = "12px";
  89. btnStop.style.fontSize = "20px";
  90. txtName.style.fontSize = "12px";
  91. }
  92. function setStyle_Stop() {
  93. btnStop.disabled = true;
  94. btnStart.disabled = false;
  95. btnStop.style.fontSize = "12px";
  96. btnStart.style.fontSize = "20px";
  97. txtName.style.fontSize = "20px";
  98. }
  99. </script>
  100. </head>
  101. <body>
  102. <center>
  103. <table border="0" cellpadding="0" cellspacing="0">
  104. <tr align="center">
  105. <td colspan="3" style="font-family: 'Courier New', Courier, monospace; font-size: x-large;
  106. height: 45px;">
  107. 简 易 抽 奖 程 序
  108. </td>
  109. </tr>
  110. <tr>
  111. <td>
  112. <input type="text" id="txtName" style="text-align: center; font-size: 20px;" readonly="readonly" />
  113. </td>
  114. <td>
  115. <input type="button" id="btnStart" value="Start" style="font-family: 'Courier New', Courier, monospace;
  116. font-size: 20px;" />
  117. </td>
  118. <td>
  119. <input type="button" id="btnStop" value="Stop" style="font-family: 'Courier New', Courier, monospace;"
  120. disabled="disabled" />
  121. </td>
  122. </tr>
  123. </table>
  124. </center>
  125. <div id="result" align="center" style="margin: 12px auto; font-family: 'Microsoft YaHei UI';
  126. font-size: xx-large; color: #CC0066; background-color: #00FFFF;" />
  127. </body>
  128. </html>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值