JavaScript动态获取服务器时间

JavaScript动态获取服务器时间

 

很多Java Web应用程序需要动态获取服务器时间，例如公司的考勤系统，车票预订系统等等。效果图如下：

如何实现呢？

准备工作

Eclipse新建Dynamic Web Project，本例命名为ShowTime.

记得勾选Generate web.xml deployment descriptor复选框：

前端

在WebContent目录下新建index.jsp，首先绘制待显示当前时间的区域，接下来添加用于定时获取服务器时间的函数，每一步的细节详见注释。index.jsp中的完整代码如下：

<%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%>







    

        

	Current Time:
	
	

	
    
    

后台

前端工作准备就绪，接下来写后台。在src目录下新建包redburning.ServletStudy，在包中新建一个servlet，命名为TimeServlet。（注：这里有一个不成文的规定，Servlet的名称一般以''Servlet''结尾）

在生成的TimeServlet.java实现将服务器的时间传给前端，完整代码如下：

package redburning.ServletStudy;

import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import java.util.Date;
import java.text.SimpleDateFormat;

/**
 * Servlet implementation class TimeServlet
 */
@WebServlet("/TimeServlet")
public class TimeServlet extends HttpServlet {
    private static final long serialVersionUID = 1L;
    /**
     * @see HttpServlet#HttpServlet()
     */
    public TimeServlet() {
        super();
        // TODO Auto-generated constructor stub
    }
    /**
    * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
    */
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        // TODO Auto-generated method stub
        //response.getWriter().append("Served at: ").append(request.getContextPath());
        if(request.getParameter("parameter").equals("times")){
            Date date = new Date();    
            SimpleDateFormat df = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss"); 
            response.getWriter().append(df.format(date));   
        }else{
            response.getWriter().append("error!");
        }
        System.out.println("get time.")
    }
    /**
    * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
    */
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        // TODO Auto-generated method stub
        doGet(request, response);
        System.out.println("post time.");
    }

}

工程的完整目录如下图：

Run on server，在浏览器中输入http://localhost:8080/ShowTime/，运行效果截图如下：

源程序下载链接：https://download.csdn.net/download/lanshanzhuyao/10690029