javaweb闲暇⼩程序之抽签程序学⾃潭州学院视频
主程序页⾯截图
1 <%@ page language="java" contentType="text/html; charset=UTF-8"
2    pageEncoding="UTF-8"%>
3<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "/TR/html4/loose.dtd">
4<html>
5<head>
6<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
7<title>抽签系统</title>
8
9<style type="text/css">
10.activity {
11    width: 600px;
12    height: 300px;
13    border: 1px solid;
14    margin: 150px auto;
15 }
16
< {
18    width: 600px;
19    height: 100px;
20    background: #379be9;
21    text-align: center;
22    line-height: 100px;
23    font-size: 28px;
24    color: white;
25 }
26
27body {
28    font-size: 12px;
29    font-family: "微软雅⿊";
30    color: #666;
31 }
32
34    text-align: center;
35    margin: 10px;
36 }
37
38.a_value {
39    width: 200px;
40    height: 40px;
41    line-height: 40px;
42    font-size: 24px;
43    text-align: center;
44    margin-top: 40px;
45    margin-bottom: 30px
46 }
47
48.btn {
49    width: 100px;
50    height: 30px;
51 }
52</style>
53</head>
54<body>
55<!-- div层，盒⼦，容器 -->
56<div class="activity">
57<div class="text" id="myText">抽签系统</div>
58<div class="myform">
59<input type="text" class="a_value" id="myRandom"></br>
60<input type="button" value="开始" class="btn" onclick="myStart()">
61<input type="button" value="停⽌" class="btn" onclick="myStop()">
62</div>
63</div>
64<!-- 动态脚本 -->
65<script type="text/javascript">
66//开始抽奖的⽅法
67var timer = null;//定时器的变量
68var data = "宿兵畅，尹博⽂，王悦雪，杜⾈，康泽⽣，武凡,⾼梦轩，佘⼠耀，魏昭宇";//抽奖数据，以逗号分隔69//分拆抽奖的数据为数组
70var arr = data.split(",");
71function myStart() {
72//开始之前清空⽂本框
73            ElementById("myRandom").value = "";
74if (!timer) {
75//创建定时器
76                timer = setInterval(function change(){
77var max = arr.length - 1;//数组的长度
78var rand = Math.random();//创建⼀个随机数，⼤于0
入门的java游戏小程序79var randIndex = parseInt(rand * max);//得到整型数据
80var text_val = ElementById("myText");//获取⽂本框区域的值
81                    text_val.innerHTML = arr[randIndex];//⽂本框的值显⽰在页⾯
82                },50);//每50毫秒的间隔，更快的是数字变⼩
83            }
84
85        }
86
87function myStop(){
88            clearInterval(timer);//清除定时器
89            timer = null;//变量定时器的清空
90var myText = ElementById("myText");//获取变化区域的值
91var myRandom = ElementById("myRandom");//获取⽂本框⾥⾯的值
92            myRandom.value = myText.innerHTML;//给⽂本框赋新值
93        }
94</script>
95</body>
96</html>
主要代码

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。