jsp页面利用JS做即时时间显示
想给系统多些点缀，顺便把知识点温习一遍，不过讲真，这些都是网上扒的！我的水平现在也就这样
<%@page import="javax.xml.crypto.Data"%>
<%@page import="java.text.SimpleDateFormat"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ page import="java.util.Date" %>
<!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>Insert title here</title>
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
.STYLE1 {
font-size: 12px;
color: #FFFFFF;
}
.STYLE2 {font-size: 9px}
.STYLE3 {
color: #033d61;
font-size: 12px;
}
-->
</style>
<!-- <script type="text/javascript">
setInterval("document.getElementById('time1')").innerHTML=new Date().toL; </script> -->
<%-- <%
SimpleDateFormat sdf=new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
Date currentTime = new Date();
String time=sdf.format(currentTime).toString();
%> --%>
<script type="text/javascript" src="../js/jquery-1.8.3.min.js"></script>
<script type="text/javascript">
function time() {
var date = new Date();
var year = date.getFullYear();
var month = date.getMonth()+1;
var day = date.getDate();
var house = date.getHours();
var minutes = date.getMinutes();
var second = date.getSeconds();
var milsecond = date.getMilliseconds();
document.getElementById("showtime").innerHTML = year + "-" + month + "-" + day + " " + house + ":" + minutes + ":" + second ; setTimeout("time()", 100);
} </script>
</head> <body onload="time(),find()"> <table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="70" background="../images/main_05.gif"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="24"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="270" height="24" background="../images/main_03.gif"> </td>
<td width="505" background="../images/main_04.gif"> </td>
<td> </td>
<td width="21"><img src="../images/main_07.gif" width="21" height="24"></td>
</tr>
</table></td>
</tr>
<tr>
<td height="38"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="270" height="38" background="../images/main_09.gif"> </td>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="77%" height="25" valign="bottom"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="50" height="19"><div align="center"><!-- <img src="../images/main_12.gif" width="49" height="19"> --></div></td>
<td width="50"><!-- <div align="center"><img src="../images/main_14.gif" width="48" height="19"></div> --></td>
<td width="50"><!-- <div align="center"><img src="../images/main_16.gif" width="48" height="19"></div> --></td>
<td width="50"><!-- <div align="center"><img src="../images/main_18.gif" width="48" height="19"></div> --></td> <td width="26"><div align="center"><img src="../images/main_21.gif" width="26" height="19"></div></td>
<td width="100"><div align="center"><img src="../images/main_22.gif" width="98" height="19"></div></td>
<td> </td>
</tr>
</table></td>
<td width="50"><div align="center"><span class="STYLE1" id="logout">退出
</span>
</div>
</td>
<td width="220" valign="bottom" nowrap="nowrap">
<div align="right" >
<span class="STYLE1" id="showtime">
</span>
</div>
</td>
</tr>
</table></td>
<td width="21"><img src="../images/main_11.gif" width="21" height="38"></td>
</tr>
</table></td>
</tr>
<tr>
<td height="8" style=" line-height:8px;"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="270" background="../images/main_29.gif" style=" line-height:8px;"> </td>
<td width="505" background="../images/main_30.gif" style=" line-height:8px;"> </td>
<td style=" line-height:8px;"> </td>
<td width="21" style=" line-height:8px;"><img src="../images/main_31.gif" width="21" height="8"></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
<tr>
<td height="28" background="../images/main_36.gif"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="177" height="28" background="../images/main_32.gif"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="20%" height="22"> </td>
<td width="59%" valign="bottom"><div align="center" class="STYLE1">当前用户：Admin</div></td>
<td width="21%"> </td>
</tr>
</table></td>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="65" height="28"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="23" valign="bottom"><table width="58" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="20" style="cursor:hand" onMouseOver="this.style.backgroundImage='url(../images/bg.gif)';this.style.borderStyle='solid';this.style.borderWidth='1';borderColor='#a6d0e7'; "onmouseout="this.style.backgroundImage='url()';this.style.borderStyle='none'"> <div align="center" class="STYLE3">业务中心</div></td>
</tr>
</table></td>
</tr>
</table></td>
<td width="3"><img src="../images/main_34.gif" width="3" height="28"></td>
<td width="63"><table width="58" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="20" style="cursor:hand" onMouseOver="this.style.backgroundImage='url(../images/bg.gif)';this.style.borderStyle='solid';this.style.borderWidth='1';borderColor='#a6d0e7'; "onmouseout="this.style.backgroundImage='url()';this.style.borderStyle='none'"><div align="center" class="STYLE3">系统管理</div></td>
</tr>
</table></td>
<td width="3"><img src="../images/main_34.gif" width="3" height="28"></td>
<td width="63"><table width="58" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="20" style="cursor:hand" onMouseOver="this.style.backgroundImage='url(../images/bg.gif)';this.style.borderStyle='solid';this.style.borderWidth='1';borderColor='#a6d0e7'; "onmouseout="this.style.backgroundImage='url()';this.style.borderStyle='none'"><div align="center" class="STYLE3">通讯录</div></td>
</tr>
</table></td>
<td width="3"><img src="../images/main_34.gif" width="3" height="28"></td>
<td width="63"><table width="58" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="20" style="cursor:hand" onMouseOver="this.style.backgroundImage='url(../images/bg.gif)';this.style.borderStyle='solid';this.style.borderWidth='1';borderColor='#a6d0e7'; "onmouseout="this.style.backgroundImage='url()';this.style.borderStyle='none'"><div align="center" class="STYLE3">数据管理</div></td>
</tr>
</table></td>
<td width="3"><img src="../images/main_34.gif" width="3" height="28"></td>
<td width="63"><table width="58" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="20" style="cursor:hand" onMouseOver="this.style.backgroundImage='url(../images/bg.gif)';this.style.borderStyle='solid';this.style.borderWidth='1';borderColor='#a6d0e7'; "onmouseout="this.style.backgroundImage='url()';this.style.borderStyle='none'"><div align="center" class="STYLE3">统计报表</div></td>
</tr>
</table></td>
<td width="3"><img src="../images/main_34.gif" width="3" height="28"></td>
<td width="63"><table width="58" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="20" style="cursor:hand" onMouseOver="this.style.backgroundImage='url(../images/bg.gif)';this.style.borderStyle='solid';this.style.borderWidth='1';borderColor='#a6d0e7'; "onmouseout="this.style.backgroundImage='url()';this.style.borderStyle='none'"><div align="center" class="STYLE3">业务管理</div></td>
</tr>
</table></td>
<td width="3"><img src="../images/main_34.gif" width="3" height="28"></td>
<td width="63"><table width="58" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="20" style="cursor:hand" onMouseOver="this.style.backgroundImage='url(../images/bg.gif)';this.style.borderStyle='solid';this.style.borderWidth='1';borderColor='#a6d0e7'; "onmouseout="this.style.backgroundImage='url()';this.style.borderStyle='none'"><div align="center" class="STYLE3">系统配置</div></td>
</tr>
</table></td>
<td width="3"><img src="../images/main_34.gif" width="3" height="28"></td>
<td width="63"><table width="58" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="20" style="cursor:hand" onMouseOver="this.style.backgroundImage='url(../images/bg.gif)';this.style.borderStyle='solid';this.style.borderWidth='1';borderColor='#a6d0e7'; "onmouseout="this.style.backgroundImage='url()';this.style.borderStyle='none'"><div align="center" class="STYLE3">升级维护</div></td>
</tr>
</table></td>
<td> </td>
</tr>
</table></td>
<td width="21"><img src="../images/main_37.gif" width="21" height="28"></td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>
jsp页面利用JS做即时时间显示的更多相关文章
- js获取当前时间显示在页面上
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" ...
- 使用监听器解决路径问题，例如在jsp页面引入js,css的web应用路径
使用监听器解决路径问题,例如在jsp页面引入js,css的web应用路径 经常地,我们要在jsp等页面引入像js,css这样的文件,但是在服务器来访问的时候,这时间就有关到相对路径与绝对路径了.像网页 ...
- jsp 自定义标签解决jsp页面中int时间戳的时间格式化问题
jsp 自定义标签解决jsp页面中int时间戳的时间格式化问题 之前在项目中根据需求,需要自定义标签,经过查询w3c文档,自己也踩了一些坑,特此记录自定义标签的步骤,下面就以我之前的一个例子中的定义一 ...
- jsp页面：js方法里嵌套java代码（是操作数据库的），如果这个js 方法没被调用，当jsp页面被解析的时候，不管这个js方法有没有被调用这段java代码都会被执行？
jsp页面:js方法里嵌套java代码(是操作数据库的),如果这个js 方法没被调用,当jsp页面被解析的时候,不管这个js方法有没有被调用这段java代码都会被执行? 因为在解析时最新解析的就是JA ...
- jsp页面和js代码中使用sessionScope获取session值
场景:有些实体对象可以放到HttpSession对象中,保正在一个会话期间可以随时获取这个对象的属性,例如可以将登录用户的信息写入session,以保证页面随时可以获取并显示这个用户的状态信息.下面以 ...
- 如何将数据库中的值经过servlet传入到jsp页面，并且用EL表达式显示出值
方法一:通过id查询某一数据库表中具体的行,将值封装在相应的对象中,如下面的对象Notice servlet中 String noticeId=request.getParameter("n ...
- 利用JS获取本地时间和服务器时间
<p id="labTime"> <script type="text/javascript"> //取客户端时间 setInterva ...
- 2017.11.9 如何利用JS做登陆验证界面
()案例----JavaScript实现输入验证 需要验证的表单输入域和要求 用户名不能为空,是否符合规定的格式 密码长度是否超过6,两次密码输入一致 邮箱地址:邮箱地址必须符合邮箱形式 ~~~注意提 ...
- 在JSP页面中输出完整的时间
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding= ...
随机推荐
- AWS产品目录
计算 Amazon EC2:弹性虚拟机 AWS Batch:批处理计算 Amazon ECR:Docker容器管理 Amazon ECS:高度可扩展的快速容器管理服务 Amazon EKS:在AWS上 ...
- vue-cli+webpack在生成的项目中使用bootstrap方法（一）
在一个html页面中加入bootstrap是很方便,就是一般的将css和js文件通过Link和Script标签就行. 那么在一个用vue-vli生成的前端项目中如何加入?因为框架不一样了,略微要适应一 ...
- python使用requests时报错requests.exceptions.SSLError: HTTPSConnectionPool
报错信息 Traceback (most recent call last): File "<stdin>", line 1, in <module> Fi ...
- [DIOCP3-IocpTask说明书]基于IOCP引擎的多线程任务的投递和回调处理单元
[说明] IocpTask是基于Iocp引擎的多线程任务投递和处理单元,可以方便的把任务进行投递到IOCP线程进行统一调度和处理,是模仿QDAC-QWorker的处理方式,支持D7以上的版本. [使用 ...
- 双重检验的单例模式，为什么要用volatile关键字
双重检验的单例模式是比较推荐的单例写法,在该代码中的单例对象的是用volatile关键字修饰的.这时就产生的一个疑问,为什么需要volatile来修饰呢?上网查看多个博客,下面简单通俗分析一下当中的原 ...
- Android下基于SDL的位图渲染（二）理论篇
理论篇 上一篇中介绍了如何将SDL2源码应用到Android渲染中,实际上SDL本身提供的android-project实现了基于android的c运行时环境,通过上面实践篇的介绍,就是完成这个环境搭 ...
- cat正常，cat重定向到文件可能是乱码；解决办法
文件cat正常,cat重定向到文件可能是乱码:解决办法如下 .vimrc文件中增加如下两行 set fileencoding=utf8 set fileencodings=utf8 据一位老神医说,文 ...
- maven 打包时提示 软件包 xxxxxxx 不存在
右键项目->MAVEN->Update Project Configuration然后clean相关项目再打包如果还不行 在你关联包的路径下 把所有文件删掉 在打包的时候会重新下载 ...
- Node.js学习笔记（6）--异步变同步
说明(2017-5-3 14:59:03): 1. 异步变同步: var fs = require("fs"); var documents = []; fs.readdir(&q ...
- .net将枚举转成List
using System; using System.Collections.Generic; using System.ComponentModel; namespace zifar.SgmhWeb ...