jsp页面显示动态时间

最新推荐文章于 2024-03-31 20:48:40 发布

shiyuntian_wang

最新推荐文章于 2024-03-31 20:48:40 发布

阅读量3.8k

点赞数

分类专栏： java常用技术类文章标签： jsp date timer div html javascript

本文链接：https://blog.csdn.net/shiyuntian_wang/article/details/5661785

版权

java常用技术类专栏收录该内容

20 篇文章 0 订阅

订阅专栏

方法一：

<%@ page contentType="text/html; charset=gb2312" language="java"%>
<html>
<head>
<TITLE>动态时钟</TITLE>
<script language=javaScript>
function clockView()
{
thistime= new Date(); //获取时间
//分别获取当前时间的小时、分和秒。
var hours=thistime.getHours();
var minutes=thistime.getMinutes();
var seconds=thistime.getSeconds();
//设置时间的显示格式
if (eval(hours) <10) {hours="0"+hours;}
if (eval(minutes) < 10) {minutes="0"+minutes;}
if (seconds < 10) {seconds="0"+seconds;}
//得到最终应该显示的时间
thistime = hours+":"+minutes+":"+seconds;
//根据浏览器的不同设置
if(document.all) {
bgclocknoshade.innerHTML=thistime;
bgclockshade.innerHTML=thistime;
}
if(document.layers) {
document.bgclockshade.document.write('<div id="bgclockshade" style="position:absolute;visibility:visible;font-family:Verdana;color:FFAAAAA;font-size:60px;top:10px;left:152px">'+thistime+'</div>');
document.bgclocknoshade.document.write('<div id="bgclocknoshade" style="position:absolute;visibility:visible;font-family:Verdana;color:DDDDDD;font-size:60px;top:10px;left:150px">'+thistime+'</div>');
document.close();
}
var timer=setTimeout("clockView()",1000);
}
</script>
</head>
<body onLoad="clockView()">
<div id="bgclockshade" style="position:absolute;visibility:visible;font-family:Arial;color:FF8888;font-size:60px;top:102px;left:152px"></div>
<div id="bgclocknoshade" style="position:absolute;visibility:visible;font-family:Arial;color:dffdff;font-size:60px;top:100px;left:150px"></div>
<div id="mainbody" style="position:absolute; visibility:visible">
</div>
</body>
</html>

方法二：

<%@ page language="java" import="java.util.*" pageEncoding="gbk"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>clock test</title>
</head>
<script language="javascript">
function clockon(bgclock){
var now=new Date();
var year=now.getYear();
var month=now.getMonth();
var date=now.getDate();
var day=now.getDay();
var hour=now.getHours();
var minu=now.getMinutes();
var sec=now.getSeconds();
var week;
month=month+1;
if(month<10) month="0"+month;
if(date<10) date="0"+date;
if(hour<10) hour="0"+hour;
if(minu<10) minu="0"+minu;
if(sec<10) sec="0"+sec;
var arr_week=new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六");

week=arr_week[day];
var time="";
time=year+"年"+month+"月"+date+"日"+week+" "+hour+":"+minu+":"+sec;
if(document.all){
  bgclock.innerHTML="["+time+"]"
}
var timer=setTimeout("clockon(bgclock)",200);
}

</script>
<body onLoad="clockon(bgclock)">
   <table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
   <td width="25%">
     <div id="bgclock" ></div>
  </td>
  </tr>
   </table>

</body>
</html>