Home > Web Front-end > HTML Tutorial > HTML如何返回服务器的时间?_html/css_WEB-ITnose

HTML如何返回服务器的时间?_html/css_WEB-ITnose

WBOY
Release: 2016-06-24 11:32:24
Original
1479 people have browsed it

HTML如何返回服务器的时间?返回的时间格式为2015-12-01 11:11:11,谢谢,越简单越好。


回复讨论(解决方案)

没办法获取,只能后台页面输出

从后台取得后,传递给前台。。。

从后台取得后,传递给前台。。。


求相关代码

获取本地时间的代码如下,能否按此修改成获取服务器的时间?

          function getTime(){                var today = new Date();                 var year = today.getFullYear();                 var month = today.getMonth() + 1;                 var day = today.getDate();                 var hours = today.getHours();                 var minutes = today.getMinutes();                 var seconds = today.getSeconds();                 if(month < 10){                     month = "0" + month;                }                if(day < 10){                     day = "0" + day;                }                if(hours < 10){                    hours = "0" + hours;                }                if(minutes < 10){                     minutes = "0" + minutes;                }                if(seconds < 10){                    seconds = "0" + seconds;                }                var time = year + "-" + month + "-" + day + " " + hours + ":" + minutes + ":" + seconds;                          document.getElementById("currentTime").innerHTML = time;                setTimeout("getTime()",1000);              }
Copy after login

后台提供接口,利用ajax从接口获取服务器时间即可,示例如下
$.get("data.php",null,function(data){
document.getElementById("currentTime").innerHTML = data.time;
);

后台传给前台

后台传给前台


愿闻其详

现在都有推技术的。为什么不可以。用sse或websocket都可以

一个java servlet示例:
环境tomcat7 && java7 && servlet3.01
javascript:

<script type="text/javascript">function sseHandler(){    if(typeof(EventSource)!="undefined"){        var source=new EventSource("time");        source.onopen = function(event) {            console.log("sse opened!");        };        source.onmessage=function(event){                console.log(event.data);        };    }else{         console.log("HTML5 not supported");    }}window.addEventListener("load", sseHandler);</script>
Copy after login
Copy after login


异步servlet :TimeServiceServlet
import java.io.IOException;import java.util.concurrent.ScheduledThreadPoolExecutor;import javax.servlet.AsyncContext;import javax.servlet.AsyncEvent;import javax.servlet.AsyncListener;import javax.servlet.ServletException;import javax.servlet.annotation.WebServlet;import javax.servlet.http.HttpServlet;import javax.servlet.http.HttpServletRequest;import javax.servlet.http.HttpServletResponse;/** * Servlet implementation class TimeServiceServlet */@WebServlet(urlPatterns = {"/time"}, asyncSupported = true)public class TimeServiceServlet extends HttpServlet {	private static final long serialVersionUID = 1L;	//private final Queue<AsyncContext> ongoingRequests = new ConcurrentLinkedQueue<>();    /**     * @see HttpServlet#HttpServlet()     */    public TimeServiceServlet() {        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		request.setAttribute("org.apache.catalina.ASYNC_SUPPORTED", true);		response.setContentType("text/event-stream");		response.setCharacterEncoding("UTF-8");		final AsyncContext ac = request.startAsync();		ac.setTimeout(1*1000);		ac.addListener(new AsyncListener() {		      @Override public void onComplete(AsyncEvent event) throws IOException {		    	  System.out.println("@c");		      }		      @Override public void onTimeout(AsyncEvent event) throws IOException {		    	  System.out.println("@t");		      }		      @Override public void onError(AsyncEvent event) throws IOException {		    	  System.out.println("@e");		      }		      @Override public void onStartAsync(AsyncEvent event) throws IOException {		    	  System.out.println("@s");		      }		});	    ScheduledThreadPoolExecutor ec=new ScheduledThreadPoolExecutor(10);	    ec.execute(new AsyncTimeService(ac));	}}
Copy after login
Copy after login

Runnable实现类:AsyncTimeService,用以输出日期字符串
import java.io.IOException;import java.io.PrintWriter;import java.text.SimpleDateFormat;import java.util.Date;import javax.servlet.AsyncContext;public class AsyncTimeService implements Runnable {	AsyncContext ac;		public AsyncTimeService(AsyncContext ac) {		super();		this.ac = ac;	}	@Override	public void run() {		// TODO Auto-generated method stub		Date now=new Date();		SimpleDateFormat sdf=new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");				try {			PrintWriter out = ac.getResponse().getWriter();			out.write("data:"+sdf.format(now)+ "\n\n");		} catch (IOException e) {			// TODO Auto-generated catch block			e.printStackTrace();		}finally{			ac.complete();		}	}}
Copy after login
Copy after login


一个java servlet示例:
环境tomcat7 && java7 && servlet3.01
javascript:

<script type="text/javascript">function sseHandler(){    if(typeof(EventSource)!="undefined"){        var source=new EventSource("time");        source.onopen = function(event) {            console.log("sse opened!");        };        source.onmessage=function(event){                console.log(event.data);        };    }else{         console.log("HTML5 not supported");    }}window.addEventListener("load", sseHandler);</script>
Copy after login
Copy after login


异步servlet :TimeServiceServlet
import java.io.IOException;import java.util.concurrent.ScheduledThreadPoolExecutor;import javax.servlet.AsyncContext;import javax.servlet.AsyncEvent;import javax.servlet.AsyncListener;import javax.servlet.ServletException;import javax.servlet.annotation.WebServlet;import javax.servlet.http.HttpServlet;import javax.servlet.http.HttpServletRequest;import javax.servlet.http.HttpServletResponse;/** * Servlet implementation class TimeServiceServlet */@WebServlet(urlPatterns = {"/time"}, asyncSupported = true)public class TimeServiceServlet extends HttpServlet {	private static final long serialVersionUID = 1L;	//private final Queue<AsyncContext> ongoingRequests = new ConcurrentLinkedQueue<>();    /**     * @see HttpServlet#HttpServlet()     */    public TimeServiceServlet() {        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		request.setAttribute("org.apache.catalina.ASYNC_SUPPORTED", true);		response.setContentType("text/event-stream");		response.setCharacterEncoding("UTF-8");		final AsyncContext ac = request.startAsync();		ac.setTimeout(1*1000);		ac.addListener(new AsyncListener() {		      @Override public void onComplete(AsyncEvent event) throws IOException {		    	  System.out.println("@c");		      }		      @Override public void onTimeout(AsyncEvent event) throws IOException {		    	  System.out.println("@t");		      }		      @Override public void onError(AsyncEvent event) throws IOException {		    	  System.out.println("@e");		      }		      @Override public void onStartAsync(AsyncEvent event) throws IOException {		    	  System.out.println("@s");		      }		});	    ScheduledThreadPoolExecutor ec=new ScheduledThreadPoolExecutor(10);	    ec.execute(new AsyncTimeService(ac));	}}
Copy after login
Copy after login

Runnable实现类:AsyncTimeService,用以输出日期字符串
import java.io.IOException;import java.io.PrintWriter;import java.text.SimpleDateFormat;import java.util.Date;import javax.servlet.AsyncContext;public class AsyncTimeService implements Runnable {	AsyncContext ac;		public AsyncTimeService(AsyncContext ac) {		super();		this.ac = ac;	}	@Override	public void run() {		// TODO Auto-generated method stub		Date now=new Date();		SimpleDateFormat sdf=new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");				try {			PrintWriter out = ac.getResponse().getWriter();			out.write("data:"+sdf.format(now)+ "\n\n");		} catch (IOException e) {			// TODO Auto-generated catch block			e.printStackTrace();		}finally{			ac.complete();		}	}}
Copy after login
Copy after login

这段代码好高深,以后慢慢研究。
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template