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= ...
随机推荐
- sql 中的 STUFF()使用说明,以及千分位的常用函数
STUFF 删除指定长度的字符并在指定的起始点插入另一组字符. 语法 STUFF ( character_expression , start , length , character_express ...
- CFD使用者应当了解的一些事情
此文适合对象:CFD完全新手,没有流体力学基础,没有数值计算基础,甚至没有计算机基础. 作为一个CFD完全新手,你需要知道的几件事情 1.CFD是拿来用的,不是拿来学的 除非你是搞CFD理论的,比如一 ...
- Angular的重和利
1.第一重:TypeScript,TypeScript语言的特性还是比较丰富的,而且一直在发展,再就是跨语言集成问题,要想Nice对第三方lib做集成,需要自己写d.ts,针对有些第三方库,这件事情有 ...
- ubuntu 16.04 root 初始密码设置
()默认root密码是随机的,即每次开机都有一个新的root密码.我们可以在终端输命令 sudo passwd,然后输入当前用户的密码,enter ()终端会提示我们输入新的密码并确认,此时的密码就是 ...
- [SQL in Azure] Windows Azure Virtual Machine Readiness and Capacity Assessment
http://technet.microsoft.com/en-us/solutionaccelerators/dd537566.aspx http://blogs.technet.com/b/map ...
- [Windows Azure] Monitoring SQL Database Using Dynamic Management Views
Monitoring Windows Azure SQL Database Using Dynamic Management Views 5 out of 7 rated this helpful - ...
- HBase 管理,性能调优
设置 Hadoop 来扩展磁盘 I/O 现代服务器通常有多个磁盘硬件来提供大存储能力.这些磁盘通常配置成 RAID 阵列,作为它们的出厂设置.这在很多情况下是有益的,但对 Hadoop 却不是. Ha ...
- 非网络引用element-ui css导致图标无法正常显示的解决办法
https://blog.csdn.net/m0_37893932/article/details/79460652 ***************************************** ...
- 逻辑回归(LR)和支持向量机(SVM)的区别和联系
1. 前言 在机器学习的分类问题领域中,有两个平分秋色的算法,就是逻辑回归和支持向量机,这两个算法个有千秋,在不同的问题中有不同的表现效果,下面我们就对它们的区别和联系做一个简单的总结. 2. LR和 ...
- ios xib和代码的frame布局 iOSXib布局后代码修改约束的值
如何修改autolayout 约束的值? 1 2 3 4 5 6 目前我已知的方法有5种 1.修改frame(有时候可能会不起作用,但可以做动画) 2.修改约束的float值 3.使用VisualFo ...