js获取nginx服务器时间
前端页面js获取nginx服务器时间
在实际开发中，我们通常要使用的是服务器端的时间，而不是本机电脑的时间，在js文件中直接通过new Date()获取的时间是本机电脑的系统时间，获取服务器时间的方法如下：
1.修改nginx的配置文件nginx.conf，在对应服务器端口的server路径下直接添加如下代码：
location = /time.txt {
return 200 $time_local;
}
注意：
具体效果可参考最下方运行结果：
nginx配置$time_local 生成格式为：25/Oct/2022:10:56:15 +0800
不可用new Date("25/Oct/2022:10:56:15 +0800")
nginx配置$time_iso8601 生成格式为：2022-10-25T15:42:45+08:00
可用new Date("2022-10-25T15:42:45+08:00")转化为国际标准时间,然后才能格式化
添加后如下:（下图中我是在本地测试，server_name为127.0.0.1，本地测试可到nginx官网下载nginx,这里我下载的版本是nginx-1.23.2,完成后双击运行，修改配置文件后重启）
重启nginx命令（要到安装nginx的目录下，地址栏输入cmd回车）:
nginx -s reload(cmd命令)
./nginx -s reload(linux命令)
停止命令： nginx -s stop(cmd命令)
端口号listen应该和本地运行文件的端口号保持一致，在服务器端不用管。
2.在网页中直接访问http://127.0.0.1:8818/time.txt,访问成功后出现如下返回：
3.在前端js页面中访问time.txt文件，代码如下：（可直接在服务器测试，本地配置错误可能会报错，而且时间是跟随本机系统时间，测试不出变化）
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="../jQuery.js"></script>
<title>JS获取Nginx服务器时间</title>
</head>
<div>
<div class="servertime"></div>
<div class="time"></div>
<!-- <button onclick="printTime()">JS获取Nginx服务器时间</button> -->
<button onclick="getFwqDate()">JS获取Nginx服务器时间</button>
</div>
<body>
<script type="text/javascript">
function getFwqDate() {
let xhr = new XMLHttpRequest();
if (!xhr) {
xhr = new ActiveXObject("Microsoft.XMLHTTP");
}
// xhr.open("HEAD", location.href, false);
xhr.open("POST", '/time.txt', false);
xhr.overrideMimeType("text/html;charset=utf-8")
xhr.send();
console.log("xhr.responseText=", xhr.responseText);
/**
* 20221014lmy添加
* nginx配置$time_iso8601 生成格式为：2022-10-25T15:42:45+08:00
* nginx配置$time_local 生成格式为：25/Oct/2022:10:56:15 +0800
*/
//getTime(),将标准时间转化为毫秒数时间
millionstime = (new Date(xhr.responseText)).getTime();
// millionstime = new Date(xhr.responseText);
console.log("millionstime=", millionstime);
//将获取到的时间转化成自己想要的格式，此处是20221014155450
var servertime = new Date(millionstime);
var year = servertime.getFullYear();
var month = servertime.getMonth() + 1;
var day = servertime.getDate();
var hours = servertime.getHours();
var minutes = servertime.getMinutes();
var seconds = servertime.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;
}
servicedate = year.toString() + month.toString() + day.toString() + hours.toString() + minutes.toString() + seconds.toString();
console.log("servicedate=",servicedate)
return servicedate;
}
</script>
</body>
</html>
报错：运行可能会遇到如下错误：
打开控制台，找不到相应页面：
解决办法：可在文件运行时先nginx -s stop停止nginx服务，待需要访问time.txt文件时，再双击启动（这种情况只会在本地运行时发生，在部署的服务器端不会报错）
运行结果：
1.$time_local
nginx配置$time_local 生成格式为：25/Oct/2022:10:56:15 +0800
不可用new Date("25/Oct/2022:10:56:15 +0800")
2.$time_iso8601
nginx配置$time_iso8601 生成格式为：2022-10-25T15:42:45+08:00
可用new Date("2022-10-25T15:42:45+08:00")转化为国际标准时间
js获取nginx服务器时间的更多相关文章
- js 获取当前的时间
第一个小程序,用js获取当前的时间,,比较特殊的是 月是从0开始算的,显示的时候要加1,获取日用getDate(),获取周 getDay(), 直接上代码 <!DOCTYPE html> ...
- moment.js 默认使用服务器时间
在前端使用Date对象获取当前时间的时候,该时间是客户端的时间.但是该时间可以被用户修改,所以我们一般情况下并不想要这个时间.如果每一次获取时间的时候都请求一下服务器,那么将会对服务器造成不必要的压力 ...
- js获取当前系统时间
Js获取当前日期时间及其它操作var myDate = new Date();myDate.getYear(); //获取当前年份(2位)myDate.getFullYear(); //获取完整的年份 ...
- js 获取当前系统时间
Js获取当前日期时间及其它操作 var myDate = new Date();myDate.getYear(); //获取当前年份(2位)myDate.getFullYear(); //获取完整的年 ...
- js 获取系统当前时间
JS获取当前的日期和时间的方法:var myDate = new Date();myDate.getYear(); //获取当前年份(2位)myDate.getFullYear(); //获取完整的年 ...
- 浏览器获取WEB服务器时间
/* * 获取XMLHttpRequest对象 */ function CreateXMLHttpRequest() { var xmlreq = false; if (window.ActiveXO ...
- JS获取当前日期和时间的方法,并按照YYYY-MM-DD格式化
Js获取当前日期时间及其它操作 var myDate = new Date(); myDate.getYear(); //获取当前年份(2位) myDate.getFullYear(); ...
- JS获取日期和时间
//获取日期和时间 function showDate(){ var myDate = new Date(); myDate.getYear(); //获取当前年份(2位) myDate.getFul ...
- Cocos Creator JS 获取当前日期与时间
var testDate = new Date(); testDate.getYear();//获取当前年份(2位) testDate.getFullYear(); //获取完整的年份(4位,1970 ...
- js获取当前日期和时间的代码
最佳答案 var myDate = new Date(); myDate.toLocaleDateString(): //获取当前日期myDate.toLocaleTimeString(); //获取 ...
随机推荐
- Linux字节对齐的那些事
最近一口君在做一个项目,遇到一个问题,ARM上的threadx在与DSP通信采用消息队列的方式传递消息(最终实现原理是中断+共享内存的方式),在实际操作过程中发现threadx总是crash,于是经过 ...
- 不是 PHP 不行了，而是 MySQL 数据库扛不住啊
大家好,我是码农先森. 大多数的业务场景下 PHP 还没有达到性能瓶颈,然而 MySQL 数据库就先行驾崩了.但我们总是不分青红皂白,一股脑的把原因归结于是 PHP 语言不行了,每当遇到这种情形我就会 ...
- 【VMware VCF】VMware Cloud Foundation Part 07：管理工作负载域中的主机和集群。
一个标准 VMware Cloud Foundation 实例中具有管理工作负载域和 VI 工作负载域两种类型,管理域有且只有一个,而 VI 域可以创建多个,每种工作负载域中可以具有多个 vSpher ...
- three.js实现太阳系
前言 刚开始使用three.js时会不太熟悉,想写一些项目增加理解,网上翻了好多文章,不是画立方体就是画三角形,最后偶然看到这个网站,十分炫酷. 我们也许没那么牛逼,但我们可以整个简略版的太阳系来练练 ...
- 深入理解c语言指针与内存
一.将int强制转换为int指针,将int指针强转换为int void f(void) { int *p = (int*)100; //将int强制转换为int指针 printf("%d\n ...
- .NET Core搭配Vue开源弹幕效果，实现一个评论小项目。好玩！
ZY树洞 前言 ZY树洞是一个基于.NET Core开发的简单的评论系统,主要用于大家分享自己心中的感悟.经验.心得.想法等. 好了,不卖关子了,这个项目其实是上班无聊的时候写的,为什么要写这个项目呢 ...
- KernelWarehouse：英特尔开源轻量级涨点神器，动态卷积核突破100+ | ICML 2024
动态卷积学习n个静态卷积核的线性混合,加权使用它们输入相关的注意力,表现出比普通卷积更优越的性能.然而,它将卷积参数的数量增加了n倍,因此并不是参数高效的.这导致不能探索n>100的设置(比典型 ...
- 待补 重要思考：求给无向图定向使得其变为DAG的方案数
今天比赛考到了,不会,丢了 100 分. rk2,380 -> rk15,280 别问为什么 T4 没过,因为不会 T2. 方法一 \(O(3^n)\) 令 \(f_S\) 为子集 \(S\) ...
- Vue3 动态子页面和菜单栏同步
动态子页面 <router-view></router-view>显示子页面的内容 main.vue <template> <a-layout id=&quo ...
- SQL Server – History Table (Audit/Archive Table)
前言 续上一篇的 Soft Delete 后, 我们继续来看看 History Table (Audit/Archive Table). Archive Table 市场上有了这样叫, 但我觉得它比较 ...