学自潭州学院视频

主程序页面截图

 <%@ page language="java" contentType="text/html; charset=UTF-8"

     pageEncoding="UTF-8"%>

 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

 <html>

 <head>

 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

 <title>抽签系统</title>

 <style type="text/css">

 .activity {

     width: 600px;

     height: 300px;

     border: 1px solid;

     margin: 150px auto;

 }

 .text {

     width: 600px;

     height: 100px;

     background: #379be9;

     text-align: center;

     line-height: 100px;

     font-size: 28px;

     color: white;

 }

 body {

     font-size: 12px;

     font-family: "微软雅黑";

     color: #666;

 }

 .myform {

     text-align: center;

     margin: 10px;

 }

 .a_value {

     width: 200px;

     height: 40px;

     line-height: 40px;

     font-size: 24px;

     text-align: center;

     margin-top: 40px;

     margin-bottom: 30px

 }

 .btn {

     width: 100px;

     height: 30px;

 }

 </style>

 </head>

 <body>

     <!-- div层，盒子，容器 -->

     <div class="activity">

         <div class="text" id="myText">抽签系统</div>

         <div class="myform">

             <input type="text" class="a_value" id="myRandom"></br>

             <input type="button" value="开始" class="btn" onclick="myStart()">

                 <input type="button" value="停止" class="btn" onclick="myStop()">

         </div>

     </div>

     <!-- 动态脚本 -->

     <script type="text/javascript">

         //开始抽奖的方法

         var timer = null;//定时器的变量

         var data = "宿兵畅,尹博文,王悦雪,杜舟,康泽生,武凡,高梦轩,佘士耀,魏昭宇";//抽奖数据，以逗号分隔

         //分拆抽奖的数据为数组

         var arr = data.split(",");

         function myStart() {

             //开始之前清空文本框

             document.getElementById("myRandom").value = "";

             if (!timer) {

                 //创建定时器

                 timer = setInterval(function change(){

                     var max = arr.length - 1;//数组的长度

                     var rand = Math.random();//创建一个随机数，大于0

                     var randIndex = parseInt(rand * max);//得到整型数据

                     var text_val = document.getElementById("myText");//获取文本框区域的值

                     text_val.innerHTML = arr[randIndex];//文本框的值显示在页面

                 },50);//每50毫秒的间隔，更快的是数字变小

             }

         }

         function myStop(){

             clearInterval(timer);//清除定时器

             timer = null;//变量定时器的清空

             var myText = document.getElementById("myText");//获取变化区域的值

             var myRandom = document.getElementById("myRandom");//获取文本框里面的值

             myRandom.value = myText.innerHTML;//给文本框赋新值

         }

     </script>

 </body>

 </html>

主要代码

javaweb闲暇小程序之抽签程序的更多相关文章

  1. 小程序5:FTP程序

    目录 1.FTP程序所需要的知识点 2.FTP程序具体实现过程 2.1 FTP程序之注册功能 2.2 FTP程序之登录功能 2.3 FTP程序之下载功能 3.FTP程序源代码 FTP程序所需要的知识点 ...

  2. 改善C#程序，提高程序运行效率的50种方法

    改善C#程序,提高程序运行效率的50种方法   转自:http://blog.sina.com.cn/s/blog_6f7a7fb501017p8a.html 一.用属性代替可访问的字段 1..NET ...

  3. 浅谈 Python 程序和 C 程序的整合

    源地址:http://www.ibm.com/developerworks/cn/linux/l-cn-pythonandc/ 概览 Python 是一种用于快速开发软件的编程语言,它的语法比较简单, ...

  4. Web程序和应用程序服务器[转]

    转自:http://hi.baidu.com/lclkathy/blog/item/dae3be36763a47370b55a970.html 一 常见的WEB服务器和应用服务器 在UNIX和LINU ...

  5. 谈 Python 程序和 C 程序的整合 （转载）

    http://www.ibm.com/developerworks/cn/linux/l-cn-pythonandc/ 概览 Python 是一种用于快速开发软件的编程语言,它的语法比较简单,易于掌握 ...

  6. 好程序与差程序Good Programming, Bad Programming

    好程序与差程序 Good Programming, Bad Programming 发布时间: 2012-11-20 16:32:21| 阅读数:2,735 views 优秀的程序可以使复杂的东西看起 ...

  7. 在网页程序或Java程序中调用接口实现短信猫收发短信的解决方案

    方案特点: 在网页程序或Java程序中调用接口实现短信猫收发短信的解决方案,简化软件开发流程,减少各应用系统相同模块的重复开发工作,提高系统稳定性和可靠性. 基于HTTP协议的开发接口 使用特点在网页 ...

  8. java基础，继承类题目：编写一个Java应用程序，该程序包括3个类：Monkey类、People类和主类 E

    21．编写一个Java应用程序,该程序包括3个类:Monkey类.People类和主类 E.要求: (1) Monkey类中有个构造方法:Monkey (String s),并且有个public vo ...

  9. oracle 未找到提供程序。该程序可能未正确安装

    使用ADO连接oracle数据库时,连接串使用Provider=OraOLEDB.Oracle时提示"未找到提供程序.该程序可能未正确安装". 原因:由于我之间安装oracle_o ...

随机推荐

  1. 关于Java8:StreamAPI的一点记录

    关于 Stream ,Functional Interface 的一点记录 stream对于集合操作的便捷度提升: import java.util.ArrayList; import java.ut ...

  2. HMAC-SHA256 签名方法各个语音的实现方式之前端JavaScriptes6

    sha256和16进制输出,网上很多种后端的验证方法,几乎没有前端的,所以自己写了个,希望给类似需求的人一个帮助,适用场景 腾讯云接口鉴权 v3签名 npm install sha256npm ins ...

  3. vue解决前后端跨域问题

    1/在config中index.js中 找到proxyTable在里面添加如下代码 proxyTable: { '/api': { target: 'https://api.douban.com/v2 ...

  4. 查看虚拟机里的Centos7的IP

    这里之所以是查看下IP ,是我们后面要建一个Centos远程工具Xshell 连接Centos的时候,需要IP地址,所以我们这里先 学会查看虚拟机里的Centos7的IP地址 首先我们登录操作系统 用 ...

  5. Spark架构原理

  6. 了解JVM运行时的内存分配

    了解JVM运行时的内存分配 前言 上文中,在介绍运行时数据区域中的 JAVA 堆时,提到了 JVM 中的堆,一般分为三大部分:新生代.老年代.永久代,本文将进一步了解运行时的内存分配情况. 正文 1. ...

  7. what's the 灰盒测试

    what's the 灰盒测试 灰盒测试的概念:是一种综合测试的方法,他将白盒测试和黑盒测试结合在一起,构成一种无缝测试技术. 灰盒测试的思想:是基于程序运行时的外部表现又结合程序内部逻辑结构来设计测 ...

  8. ADB——连接手机的三种方式

    有USB连接 硬件状态正常. 包括 Android 设备处于正常开机状态,USB 连接线和各种接口完好. Android 设备的开发者选项和 USB 调试模式已开启. 可以到「设置」-「开发者选项」- ...

  9. 001-zookeeper 简介-paxos算法，zk简介，特点

    一.概述 大数据体系概述 1.1.什么是zookeeper 是Google的Chubby一个开源的实现,是Hadoop的分布式协调服务 它包含一个简单的原语集,分布式应用程序可以基于他实现同步服务,配 ...

  10. 【jdbc访问数据库获取执行sql转换json】

    Talk is cheap.Show me your code. import java.sql.*; import java.util.HashMap; import java.util.Map; ...