js获取服务器端时间，并实时更新

最新推荐文章于 2024-05-30 16:15:13 发布
最新推荐文章于 2024-05-30 16:15:13 发布
阅读量8.9k 收藏 8
点赞数
分类专栏： JS

获取服务器时间：

<script src="http://code.jquery.com/jquery-1.4.1.min.js"/>
<script type="text/javascript">
    //获取浏览器初次访问服务器时间
    var severtime = new Date(jQuery.ajax({async: false}).getResponseHeader("Date")); 
 
    //获取服务器日期
    var year = severtime.getFullYear();
    var month = severtime.getMonth() + 1;
    var date = severtime.getDate();
    //获取服务器时间
    var hour = severtime.getHours();
    var minu = severtime.getMinutes();
    var seco = severtime.getSeconds();
    var week = ' 星期' + '日一二三四五六'.charAt(severtime.getDay());
	
    //格式化输出服务器时间
    function getSeverTime() {
        seco++;
        if (seco == 60) {
            minu += 1;
            seco = 0;
        }
        if (minu == 60) {
            hour += 1;
            minu = 0;
        }
        if (hour == 24) {
            date += 1;
            hour = 0;
        }
        //日期处理
        if (month == 1 || month == 3 || month == 5 || month == 7 || month == 8 || month == 10 || month == 12) {
            if (date == 32) {
                date = 1;
                month += 1;
            }
        } else if (month == 4 || month == 6 || month == 9 || month == 11) {
            if (date == 31) {
                date = 1;
                month += 1;
            }
        } else if (month == 2) {
            if (year % 4 == 0 && year % 100 != 0) {//闰年处理
                if (date == 29) {
                    date = 1;
                    month += 1;
                }
            } else {
                if (date == 28) {
                    date = 1;
                    month += 1;
                }
            }
        }
        if (month == 13) {
            year += 1;
            month = 1;
        }
        sseco = addZero(seco);
        sminu = addZero(minu);
        shour = addZero(hour);
        sdate = addZero(date);
        smonth = addZero(month);
        syear = year;
 
 
        innerdata = "现在时间：";
        document.getElementById("servertime").innerHTML = innerdata + syear + "-" + smonth + "-" + sdate + " " + shour + ":" + sminu + ":" + sseco + " " + week;
        setTimeout("getSeverTime()", 1000);
        setTimeout("getClientTime()", 100);
    }
 
 
    function addZero(num) {
        num = Math.floor(num);
        return ((num <= 9) ? ("0" + num) : num);
    }
    
    //jQuery(function() {
	//	getSeverTime();	
    //});
</script>

Html代码：

<body onload="getSeverTime();" >     //放到body里面让浏览器加载时运行
<p id="servertime"></p>        //把这个放在要显示的地方
</body>

转自：https://blog.csdn.net/bingle14/article/details/50965666

 

 

 

xyhwork
关注
  • 0
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
js获取应用服务器时间,JavaScript获取服务器端时间的方法
weixin_31205797的博客
07-31 1041
用js做时间校正，获取本机时间，是存在bug的。使用js也可获取到服务器时间，原理是使用 ajax请求，返回的头部信息就含有服务器端的时间信息，获取到就可以了。以下：1、依赖jQuery代码：function getServerDate(){return new Date($.ajax({async: false}).getResponseHeader("Date"));}以上函数返回的就是一个D...
JavaScript获取服务器端时间的方法
10-21
因此，在某些场景下，我们需要获取服务器端的时间以确保数据的准确性。本文将详细介绍两种使用JavaScript获取服务器时间的方法。 方法一：依赖jQuery jQuery是一个轻量级的JavaScript库，它简化了DOM操作、事件处理...
jsp页面获取服务器时间的简单调用示例
01-20
Calendar c = Calendar.getInstance(); int year = c.get(Calendar.YEAR); int month = c.get(Calendar.MONTH); int day= c.get(Calendar.DAY); 这三行加在<% %>里面 调用时用<%= year %><%= month%><%= day%> 您可能感兴趣的文章:javascript同步服务器时间和同步倒计时小技巧Javascript实现商品秒杀倒计时（时间与服务器时间同步）javascript实现获取服务器时间JSP获取服
基于HTTP GET方式获取网络时间的实现
主要分享硬件、嵌入式软件部分知识
05-15 1485
本篇博客介绍了如何在Linux下使用C语言和Socket API发起HTTP GET请求。这个示例程序可以扩展到其他类型的HTTP请求和不同的API服务。如果不想用苏宁的服务器，可以随便请求一个网站和不存在的网页，如果网站用的是nginx的话，访问不存在的网页也会返回一个nginx时间。
React获取服务器端时间以及自动更新
songshao の blog
10-21 1272
React 获取服务器端时间 ​ 思路：React获取服务器端时间，本质上就是给服务器端发送一个请求，然后从返回数据里面的headers里面获取到服务器date，然后更新服务器时间去格式化，获取服务器时间结束。按秒进行数据刷新，其实也很简单，就是使用定时器，进行动态递增即可，直接上代码。 获取服务器时间的方法： changeTime = async () => { let leftTime = await axios.get('/').then(response => {
js如何获取服务器端时间？
qq_31965515的博客
12-17 1235
js如何获取服务器端时间？ 用js做时间校正，获取本机时间，是存在bug的。 使用js也可获取到服务器时间，原理是使用 ajax请求，返回的头部信息就含有服务器端的时间信息，获取到就可以了。以下： 1、依赖jQuery 代码： function getServerDate(){ return new Date($.ajax({async: false}).getResponse...
js获取服务器端时间的方法
热门推荐
zuggs_的博客
08-31 3万+
      首先我们应该明白js是客户端执行的，所以，js的一切关于时间的函数，如Date.now()都是以客户端为准的，而当我们有倒计时的需求时，不可能以客户端的时间为准，如果客户端时间不予网络时间一致，整个项目就完蛋了，所以我们需要获取服务端时间       我们获取服务器时间是发起ajax请求，然后获取请求头即header为准的       两种方案： 由于我们获取到的是英文时间，与中...
Web端如何实时获取服务器数据
2302_78438891的博客
05-30 1438
在Web前端开发中，实时获取服务器数据是一个常见的需求。
js 获取服务器时间
VirgoYellow 的专栏
11-25 621
js 是客户端执行的，所以，js的一切关于时间的函数，如 Date.now() 都是以客户端为准的。 但是如果客户端的时间跟网络时间不一致，对有些对时间依赖度较高的项目来说，可能就是致命性的问题，这种情况下，就不能简单的使用客户端的时间，而是要获取服务器时间以保证项目的正常运行。接下来说下 js 如何获取服务器时间。 原理：使用 ajax请求，返回的头部信息就含有服务器端的时间信息，获取到就可...
JavaScript(6) Ajax获取服务器时间案例
郑清
11-04 1435
前台页面： <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/l...
javascript实现获取服务器时间
12-11
下面是完整的js获取服务器时间代码，是使用javascript获取服务器时间的完整实例，js动态刷新服务器时间。 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; ...
利用js获取服务器时间的两个简单方法
12-10
在JavaScript编程中，获取服务器时间有时是必要的，特别是在需要与服务器进行实时同步或者展示服务器端时间的情况下。本文将介绍两种简单的方法来实现这一目标，主要适用于网页开发。 **方法一：利用System....
js获取nginx服务器时间
qq_43341807的博客
10-25 2269
前端js获取nginx服务器的时间
基于python开发的居民区电动汽车TOPSIS有序充电仿真+源码解析+项目文档+仿真（毕业设计&课程设计&项目开发）
最新发布
08-06
基于python开发的居民区电动汽车TOPSIS有序充电仿真+源码解析+项目文档+仿真，适合毕业设计、课程设计、项目开发。项目源码已经过严格测试，可以放心参考并在此基础上延申使用，详情见md文档~ 项目简介： "Simulation.md" 为代码解析说明文档 "仿真过程.py" 为仿真过程代码 "cargo.txt" 为随机生成的电动汽车出行数据，格式为[离开时间，回来时间，是否出行，剩余电量百分比]，其中是否出行 1表示出行，0表示不出行 "cargo.py" 为生成电动汽车出行数据代码 "carimf.txt" 为电动汽车信息初始化数据，格式为[序号，电池容量，慢充时间，最大行驶里程，慢充每15分钟增加电量百分比] "price.txt" 为时间价格表，格式为[时间，时段，电价]，其中，时段1表示峰时，时段2表示谷时，时段3表示平时 "drawpic.py" 为绘图函数 "小区居民日常负荷数据.txt" 为通过蒙特卡洛方法生成的小区居民日常负荷数据，格式为[时间，负荷]
【流程管理】LTC流程介绍.pptx
08-06
【流程管理】LTC流程介绍.pptx
libmavsdk-server.so-debug-202408062018-wk-proto-ok
08-06
libmavsdk_server.so_debug_202408062018_wk_proto_ok
信息安全lsClssify-mas笔记
08-06
信息安全lsClssify-mas笔记
Javascript获取服务器时间
06-06
要获取服务器时间，你需要向服务器发送一个请求，并在服务器端返回当前时间。可以使用 JavaScript 中的 XMLHttpRequest 对象来执行这个任务。下面是一个示例代码： ```javascript var xhr = new XMLHttpRequest(); ...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值