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= ...
随机推荐
- Spring Cloud Consul
1.2.0.RELEASE 该项目通过自动配置并绑定到Spring环境和其他Spring编程模型成语,为Spring Boot应用程序提供Consul集成.通过几个简单的注释,您可以快速启用和配置应用 ...
- confluence数据库的配置文件
mysql> select u.id,u.user_name,u.active from cwd_user u join cwd_membership m on u.id=m.child_use ...
- React 设计思想
https://github.com/react-guide/react-basic React 设计思想 译者序:本文是 React 核心开发者.有 React API 终结者之称的 Sebasti ...
- .NET 获得指定XML配置文件内容
/// <summary> /// 获得指定XML文件内容 /// </summary> /// <param name="strPath">X ...
- Asp.net Core 项目API接口服务器部署
Windows server 2008服务器部署: DotNetCore.1.0.0.RC2-WindowsHosting 或者DotNetCore.1.0.5_1.1.2-WindowsHostin ...
- win10下安装redis 服务
Window 下安装 下载地址:https://github.com/MSOpenTech/redis/releases Redis 支持 32 位和 64 位.这个需要根据你系统平台的实际情况选择, ...
- 记一次金士顿DT100 G3 32G修复
修复方法参考原文:http://bbs.mydigit.cn/read.php?tid=2291146 故障描述:某天在使用时突然要求格式化,但里面有重要数据,于是想通过DG恢复出来,没想到经过这样的 ...
- 20150117_js_设置时间的显示格式
/* *设置显示时间格式 *@param: 原始时间 yyyy-MM-dd HH:mm:ss */ function SetDisTime(oldTime) { var nowDate = new D ...
- JIRA REST java client API实际应用
[本文出自天外归云的博客园] 前提 1.需要安装maven环境: 2.在本地创建maven项目并修改maven配置文件“pom.xml”,添加如下内容: <dependency> < ...
- django模型创建
定义模型 模型,属性,表,字段之间的关系 一个模型类在数据库中对应一张表,在模型类中定义的属性,对应该模型对照表中的一个字段 定义属性:见下文 创建模型类 元选项 在模型类中定义Meta类,用于设置元 ...