包含的知识点:计时器的使用,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>
你好,欢迎你来到博客,我是布莱昂。在这里你将看到我关于前端技术和框架的一些理解和体会,并且以后所有博客将在这里发布,由于本人技术水平和认知能力有限,文中难免有认识不足和理解错误的地方,欢迎大家留言指正,我将感激不尽!