js獲得伺服器時間並實時更新

阿新 • • 發佈：2019-01-19

方法一

非常的簡單暴力，html格式，複製即用：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<p id="time"></p>

<script>
var weekday=new Array(7)
weekday[0]="星期日 "
weekday[1]="星期一 "
weekday[2]="星期二 "
weekday[3 
]="星期三 "
weekday[4]="星期四 "
weekday[5]="星期五 "
weekday[6]="星期六 "
/*document.write("今天是" + weekday[d.getDay()])*/

function addZero(i){
    if (i<10) {
        i="0" + i;
    }
    return i;
}

    setInterval(function() {
        ajax()
        function ajax(option) {
            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, curDate = null;
                if (xhr.readyState === 2) {
                    // 獲取響應頭裡的時間戳
                    time = xhr.getResponseHeader("Date");
                    console.log(xhr.getAllResponseHeaders())
                    curDate = new Date(time);
                    document.getElementById("time").innerHTML = curDate.getFullYear() + "年"
                            + (curDate.getMonth() + 1) + "月"
                            + curDate.getDate() + "日 " 
                            + weekday[curDate.getDay()]
                            + addZero(curDate.getHours()) + ":"
                            + addZero(curDate.getMinutes()) + ":"
                            + addZero(curDate.getSeconds());
                }
            }
        }
    }, 1000);
</script>

</body>
</html>

這是電腦的時間2018年2月12日：
這裡寫圖片描述
手機的時間我設定的是2018年2月15日，測試的顯示結果證明是和tomcat伺服器的時間一致：

能力有限，秒會偶爾有卡頓的感覺，不影響準確度。

方法二

這個需要引入jQuery

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script src="../js/jquery-1.10.2.min.js"></script>
    </head>
    <body>
        <script>
            $.ajax({type:"OPTIONS",url:"/",complete:function(x){alert(x.getResponseHeader("Date"))}})
        </script>
    </body>
</html>

在chrome 中看到的是格林威治時間，比北京時間晚8個小時，要+8。

js獲得伺服器時間並實時更新

方法一非常的簡單暴力，html格式，複製即用： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"&g

【轉載】vue.js實現格式化時間並每秒更新顯示功能示例

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user

js獲取當前時間並每秒重新整理更新

<html> <head> <title>huodeshijian.html</title> <meta http-equiv="keywords" content="keyword1,keyw

js 定時器，自動實時更新時間

window.setInterval("changetime()", 1000); function changetime() { var t

js獲得當前時間

com fun text 圖片 pos div tor .text post function getNowFormatDate() { var date = new Date(); var seperator1 = "-";

js獲取當前時間並格式化

js獲取當前時間並格式化 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>js獲取當前時間並格式化</title>

node.js建立伺服器，並解析不同資料

要點： 1.通過引入核心模組，來進行檔案的讀取和伺服器的建立，並呼叫相應模組的API，進行想要的操作。 2.不同的檔案型別進行不同的解析，主要通過Content-Type（多用途網際網路郵件拓展）進行不同的定義，如html對應text/html，注意編碼方式的宣告，伺服器預設是utf-8，但

ESP8266 Node MCU獲得NTP時間並自行串列埠輸出的LUA語言程式碼

把ssid和pwd改成自己的，波特率15200。 wifi.setmode(wifi.STATION) wifi.sta.config{ssid="Tenda", pwd="13365632289"} wifi.sta.autoconnect(1) tmr.alarm(0, 1000,

js獲取伺服器時間

有時候專案裡的時間非常重要，不允許有錯，如果用系統時間，可能使用者會更改自己手機或電腦的時間，這時候我們獲取的時間就有問題，所以，在時間重要的時候，一般都是獲取伺服器的時間。獲取伺服器時間 var now = new Date($.ajax({ asy

mysql設定值timestamp獲取當前時間並自動更新

需求描述：現需要資料庫中一個欄位來記錄當前記錄的最近修改時間或者建立時間，並自動更新維護。 timestamp型別的使用示例如下：建立一個數據庫，並指定 uptime為 timestamp型別 create table test( tid int prima

js獲取當前時間並進行加減操作及格式處理

當我們專案希望以（當前時間± “x小時”）為預設值時，我們new Date()獲取到的日期和格式無法直接在專案中使用。解決方法: 用new Date()取到當前時間的值，再使用getTime()方法獲取時間的毫秒值後進行計算，最終將計算的結果傳入new Date()中就能得到當前時間了。這

js獲取本地時間並每秒重新整理一次，最後拼接加零

獲取時間並動態重新整理，最後再拼接，若時分秒小於10，再時分秒前面加零 <script> function datetime(){ var date = new Date(); var year = date.getFullYear();

JS 獲取當前時間並顯示

JS獲取當前時間並顯示程式碼： //頁面載入開始執行 window.onload = function() { //獲取元素id var show = document.getElementById("header-data"); //設定定時器

java 獲取日期相差天數月數獲得伺服器時間

package com.date; import java.text.ParseException; import java.text.SimpleDateFormat; import java.util.Calendar; import java.util.Date; /

pcl畫線並實時更新

在pcl中,有一類可以畫兩點之間線段的函式，繪製點之間連線的方法十分有用，例如，顯示兩組點雲之間的對應點關係時，可方便使用者直觀的觀看點雲之間的對應關係。它是視覺化函式pcl::visualizet

使用date物件顯示系統當前時間並自動更新

感覺真的好神奇，顯示當前系統時間，並自動更新，這裡需要注意一點，<script></script>標籤要寫在<body></body>之後，無法獲取當前

JS實時獲取當前的日期和時間並顯示

當頁面載入時呼叫 window.onload = function() { //計時器 1000秒 setInterval(function() { var date = new Date(); var year = date.getFullY

vue.js格式化時間並每秒更新

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content=

js實時獲取伺服器時間

<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>AJAX獲

js如何獲得系統時間年月日時分秒

targe onload 調用方法 space m3u baidu function www. pyw javascript 自帶有個對象(構造函數)，Date().下面是代碼：回答一： var now = new Date(); var nowTime = now.t

js獲得伺服器時間並實時更新

方法一

方法二

相關推薦