Laravel  
laravel
文档
数据库
架构
入门
php技术
    
Laravelphp
laravel / php / java / vue / mysql / linux / python / javascript / html / css / c++ / c#

js 获取网络时间

作者:√学卟会掩饰   发布日期:2026-07-24   浏览:59

// 使用 JavaScript 获取网络时间的示例代码

// 通过 NTP (网络时间协议) 服务器获取当前时间,这里我们使用 fetch API 发送请求到一个提供标准时间的服务。
// 注意:由于浏览器的安全限制(CORS),直接从浏览器中访问某些 NTP 服务器可能会遇到跨域问题。因此,建议使用公开的时间 API。

// 示例代码:
async function getNetworkTime() {
    try {
        // 调用一个公开的时间 API
        const response = await fetch('https://worldtimeapi.org/api/ip');
        if (!response.ok) {
            throw new Error('Network response was not ok');
        }
        const data = await response.json();

        // 解析返回的时间数据
        const utcDatetime = new Date(data.utc_datetime);
        console.log('网络时间 (UTC):', utcDatetime);
        return utcDatetime;
    } catch (error) {
        console.error('获取网络时间失败:', error);
        return null;
    }
}

// 调用函数并输出结果
getNetworkTime();

解释说明:

  1. API 请求:代码中使用了 fetch 来调用一个公开的时间 API (https://worldtimeapi.org/api/ip),该 API 提供了基于 IP 地址的当前时间信息。
  2. 处理响应:如果请求成功,解析 JSON 响应中的 utc_datetime 字段,并将其转换为 JavaScript 的 Date 对象。
  3. 错误处理:如果请求失败或响应不正确,会捕获异常并输出错误信息。
  4. 返回值:函数返回一个 Date 对象,表示从网络获取的 UTC 时间。

如果你无法访问外部 API 或遇到跨域问题,可以考虑在服务器端实现类似的功能,并通过后端接口来获取时间。

上一篇:js sha1加密

下一篇:js 获取系统时间

大家都在看

js 数组打乱顺序

js 两个数组取交集

js 数组对象排序

js 对象数组排序

js 数组删掉第一个值

js fill

js fill方法

js 数组连接

js json数组

js 数组复制

Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3

Laravel 中文站