[html]定時獲取服務器時間和本地時間

2018-11-1 蕭 寫技術

.time_div{width:100%; padding:10px; text-align:center; margin:5px auto; }

var show_time_server = function(){

var xhr = null;

if(window.XMLHttpRequest){

xhr = new window.XMLHttpRequest();

}else{ // ie

xhr = new ActiveObject("Microsoft")

}

// 通過get的方式請求當前文件

xhr.open("get","/");

xhr.send(null);

// 監聽請求狀態變化

xhr.onreadystatechange = function(){

var time = null;

var curDate = null;

if(xhr.readyState===2){

// 獲取響應頭里的時間戳

time = xhr.getResponseHeader("Date");

console.log(xhr.getAllResponseHeaders())

curDate = new Date(time);

document.getElementById("time_server").innerHTML = "服務器時間是："+curDate.getFullYear()+"-"+(curDate.getMonth()+1)+"-"+curDate.getDate()+" "+curDate.getHours()+":"+curDate.getMinutes()+":"+curDate.getSeconds();

setTimeout('show_time_server()', 1000);

}

}

}

var show_time_local = function(){

curDate = new Date();

document.getElementById("time_local").innerHTML = "本地時間是："+curDate.getFullYear()+"-"+(curDate.getMonth()+1)+"-"+curDate.getDate()+" "+curDate.getHours()+":"+curDate.getMinutes()+":"+curDate.getSeconds();

setTimeout('show_time_local()', 1000);

}

show_time_server();

show_time_local();

發表評論：

昵稱

郵件地址 (選填)

總結

以上是生活随笔為你收集整理的html页面获取服务器时间,[html]定时获取服务器时间和本地时间的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。