一、JS獲取網絡時間接口
在JavaScript中,我們可以使用XMLHttpRequest對象發起一個get請求來獲取網絡時間。這個get請求可以向一些提供時間信息的公共API接口發起。
比如,使用中國科學院國家授時中心的API接口,可以通過如下代碼獲取網絡時間:
var xhr = new XMLHttpRequest();
xhr.open('GET', 'http://api.time.ac.cn/nowtime/', true);
xhr.onreadystatechange = function() {
if (this.readyState === 4 && this.status === 200) {
var response = JSON.parse(this.responseText);
console.log(new Date(response.datetime));
}
};
xhr.send(null);
二、JS獲取網絡狀態
在發起網絡請求前,我們需要知道網絡狀態是否良好。可以通過navigator對象的onLine屬性來判斷網絡是否連通:
if (navigator.onLine) {
// 執行網絡請求
} else {
// 提示用戶網絡已斷開連接
}
三、JS如何獲取當前時間
JavaScript中可以通過new Date()獲取當前本地時間,也可以獲取本地時間的UTC表示,方法如下:
var date = new Date(); // 獲取本地時間 var utc = date.toUTCString(); // 獲取UTC時間 console.log(date, utc);
四、JS獲取當前時間字符串
通過JavaScript的Date對象,可以獲取當前時間的年月日、小時分鐘秒等信息,然後組成一個自定義的時間字符串,如下:
var date = new Date(); var year = date.getFullYear(); var month = date.getMonth() + 1; var day = date.getDate(); var hour = date.getHours(); var minute = date.getMinutes(); var second = date.getSeconds(); var timeString = year + '-' + month + '-' + day + ' ' + hour + ':' + minute + ':' + second; console.log(timeString);
五、JS獲取當前時間小時
如果只需要獲取小時信息,可以使用Date對象的getHours()方法獲取,如下:
var date = new Date(); var hour = date.getHours(); console.log(hour);
六、JS獲取網絡時間戳
JavaScript中可以通過XMLHttpRequest對象獲取網絡時間戳,在onload事件中計算:
var xhr = new XMLHttpRequest();
xhr.open('HEAD', window.location.href, true);
xhr.onreadystatechange = function() {
if (this.readyState === this.DONE) {
var serverDate = new Date(xhr.getResponseHeader('Date'));
var timestamp = serverDate.getTime();
console.log(timestamp);
}
};
xhr.send(null);
七、JS獲取當前網絡時間
將獲取到的網絡時間戳轉換為本地時間,就可以獲取當前的網絡時間:
var xhr = new XMLHttpRequest();
xhr.open('HEAD', window.location.href, true);
xhr.onreadystatechange = function() {
if (this.readyState === this.DONE) {
var serverDate = new Date(xhr.getResponseHeader('Date'));
var localDate = new Date();
var offset = localDate.getTimezoneOffset() * 60 * 1000; // 時區偏移值
var timestamp = serverDate.getTime() + offset; // 網絡時間戳加上時區偏移值,得到本地時間戳
var networkDate = new Date(timestamp);
console.log(networkDate);
}
};
xhr.send(null);
八、JS獲取時間戳
JavaScript中可以通過Date對象的getTime()方法獲取當前時間的時間戳:
var date = new Date(); var timestamp = date.getTime(); console.log(timestamp);
原創文章,作者:小藍,如若轉載,請註明出處:https://www.506064.com/zh-hant/n/280755.html
微信掃一掃
支付寶掃一掃