首页 > 编程语言 > 详细

javascript实现抽奖

时间:2020-06-04 14:45:24      阅读:45      评论:0      收藏:0      [点我收藏+]

包含的知识点:计时器的使用,document对象的方法的使用,js数组的使用,js内置对象的使用,js系统函数的使用,注册事件。

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
 5   <title>抽奖</title>
 6   <script type="text/javascript">
 7     var alldata = "a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z"2020-06-04
 8     var alldataarr = alldata.split(",");
 9     var num = alldataarr.length - 1;
10     var timer;   
11     function start() {
12       clearInterval(timer);h
13       timer = setInterval(change(), 10);
14     }
15     function change() {
16       document.getElementById("oknum").innerHTML = alldataarr[GetRnd(0, num)];
17     }
18     function GetRnd(min, max) {
19       return parseInt(Math.random() * (max - min + 1));
20     }   
21     function ok() {
22       clearInterval(timer);
23       document.getElementById("showresult").value = document.getElementById("oknum").innerText;
24     }   
25 </script> 
26 </head>
27 <body>
28  
29 <div id="oknum" name="oknum" >请单击开始</div> 
30   <button onclick="start()" accesskey="s">开始</button>  <!--//accesskey 属性规定激活(使元素获得焦点)元素的快捷键。-->
31 <button onclick="ok()" accesskey="o">停止</button> 
32 您的选择是: 
33 <input type="text" id="showresult" value=""/>
34 </body>
35 </html>

 

javascript实现抽奖

原文:https://www.cnblogs.com/zxa2020/p/13042108.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!