在web开发中经常需要显示 时间 ,常用方法是js,代码如下: !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.0 Transitional//ENHTMLHEADTITLE New Document /TITLEMETA NAME=Generator CONTENT=EditPlusMETA NAME=Author CONTENT=META NAME=Keywords CONTENT=META
在web开发中经常需要显示时间,常用方法是js,代码如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT=""> <META NAME="Keywords" CONTENT=""> <META NAME="Description" CONTENT=""> <SCRIPT LANGUAGE="JavaScript"> <!-- function showTime(){ //定义时间对象 var data = new Date(); var y = data.getYear();//年 var m = data.getMonth()+1; //月 var d = data.getDate(); //日 var h = data.getHours();//小时 var m = data.getMinutes(); //分钟 var s = data.getSeconds(); var x = data.getDay(); //星期 var t; switch(x){ case 0: t="星期天";break; case 1: t="星期一";break; case 2: t="星期二";break; case 3: t="星期三";break; case 4: t="星期四";break; case 5: t="星期五";break; case 6: t="星期六";break; } var time = y+"年"+m+"月"+d+"日" + h+":"+m+":"+s document.getElementById("showTime").innerHTML=time; //window.status = data.toLocaleString(); setTimeout("showTime()",1000); //定时器:,每次只执行一次 } //setInterval("showTime()",1000); //定时器 :只要开启,会一直执行下去 //--> </SCRIPT> </HEAD> <BODY onload="showTime()"> <div id="showTime"> </div> </BODY> </HTML>
当然,有时候我们并不想使用客户端时间,我们想显示服务器端时间,在jsp开发中方法也比较多,如:jApplet, ajax,今天给大家展示一个简单的方法,但是效率和用户体验都不是很好,就是定时刷新。
<%@ page contentType="text/html;charset=gb2312"%> <%@ page import="java.util.Date"%> <html> <head> <title>定时刷新页面,显示服务器端时间</title> </head> <body> <% //设置刷新页面的时间,第隔1秒钟刷新一次 response.setHeader("refresh", "1"); %> 当前的系统时间是: <% //输出当前最新的时间 Date thisDay = new Date(); out.print((thisDay.getYear() + 1900) + "年"); out.print((thisDay.getMonth() + 1) + "月"); out.print(thisDay.getDate() + "日"); out.print(thisDay.getHours() + "时"); out.print(thisDay.getMinutes() + "分"); out.print(thisDay.getSeconds() + "秒"); out.print(" 星期"); switch (thisDay.getDay()) { case 0: out.print("日"); break; case 1: out.print("一"); break; case 2: out.print("二"); break; case 3: out.print("三"); break; case 4: out.print("四"); break; case 5: out.print("五"); break; case 6: out.print("六"); } %> </body> </html>