js实时获取服务器时间

最新推荐文章于 2023-05-12 16:43:53 发布
最新推荐文章于 2023-05-12 16:43:53 发布
阅读量3.1k 收藏 3
点赞数
分类专栏： JavaScript
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>AJAX获取服务器时间</title>
<script type="text/javascript">
    /*
     * ajax 函数，处理 ajax 请求
     * @param function callback 回调函数
     * @因为要和服务器交互，所以必须在服务器环境运行，不能在硬盘上直接打开
    */
    function ajax(callback){
        if(typeof callback!='function') return;
        var ajaxObject;
        try{
            ajaxObject=new XMLHttpRequest();
        }catch(e){
            try{
                ajaxObject=new ActiveXObject('Microsoft.XMLHTTP');
            }catch(e){
            }
        }
        if(!ajaxObject) return;
        if(ajaxObject.overrideMimeType){
            ajaxObject.overrideMimeType('text/html');
        }
        //location.href可以换成其他url，但必须是同一个站点的链接，并且文件存在
        ajaxObject.open('get',location.href);
        ajaxObject.send(null);
        ajaxObject.onreadystatechange=function(){
            if(ajaxObject.readyState==4){
                if(ajaxObject.status==200){
                    callback(ajaxObject);
                }
            }
        };
    }
    /*
     * 获取时间并动态刷新
    */
    function getTime(){
        ajax(
            function(ao){
                //只需要AJAX一次，将服务器时间获取后以毫米为单位保存到一个变量中
                _timestamp=Date.parse(ao.getResponseHeader('Date'));
                _timestamp=_timestamp.toString().match(/^\d$/)?_timestamp:new Date().getTime();
                //设置定时器每过一秒动态刷新一次时间
                setInterval(
                    function(){
                        //这里可以自定义时间显示格式
                        document.getElementById('_timer').innerHTML=new Date(_timestamp).toLocaleString();
                        _timestamp+=1000;
                    },
                    1000
                );
            }
        );
    }
    window.οnlοad=getTime;
</script>
</head>
<body>
    <div id="_timer">正在获取服务器时间……</div>
</body>
</html>


KingD0001
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js简单获取今天日期，星期，此时时间，并自动更新
m0_71491195的博客
08-01 869
js获取今天日期，星期，此时时间，并自动更新。
js动态获取实时时间
学而不思则罔,思而不学则殆
07-12 2166
js动态获取实时时间
vue获取本地时间和服务器时间（顺便复习vuex的内容）
qq_33404590的博客
05-12 2711
vue2 状态管理： 简单状态管理 + vuex
在VUE中获取当前时间
热门推荐
qq_54030999的博客
08-31 1万+
时间格式： 年-月-日 时-分-秒。
前端获取服务器时间
qq_40407998的博客
12-10 3814
前端获取服务器时间（测试验证时需打包到服务器，本地开发环境无法验证）
js实时获取并显示当前时间的方法
10-23
主要介绍了js实时获取并显示当前时间的方法,涉及javascript针对时间及页面元素的相关操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下
javascript实现获取服务器时间
10-24
本文给大家总结了一下使用javascript来获取服务器时间的几种方法和思路，十分的简单明了，有需要的小伙伴可以参考下
JavaScript获取服务器时间的方法详解
10-20
以下是一个简单的JavaScript获取服务器时间的示例： ```javascript function ajaxGetServerTime() { var xhr = new XMLHttpRequest(); // 创建XMLHttpRequest对象 if (window.XMLHttpRequest) { xhr = new ...
js获取当前时间yyyymmddhhmmss
01-10
js获取当前时间yyyymmddhhmmss js获取当前时间yyyymmddhhmmss js获取当前时间yyyymmddhhmmss js获取当前时间yyyymmddhhmmss js获取当前时间yyyymmddhhmmss js获取当前时间yyyymmddhhmmss js获取当前时间...
js实时获取系统当前时间实例代码
12-09
（1）：首先用JS编写实时显示系统时间的函数 clockon() 只有一个参数bgclock，用于指定显示用于转化后的标记的名称，无返回值，大家进行网站开发时可以将改函数保存在JS文件中，以便重用 代码如下： 代码如下:...
纯 JS 获取 服务器时间 +
12-18
绝对可用，缺点是同步AJAX。 要异步的自己再研究。
AJAX 动态获取当前时间(php)
10-29
利用AJAX动态获取当前时间，客户端time.php,服务器端time_check.php
Ajax获取服务器时间（时时更新）
05-07
利用AJax调用服务器时间，每秒更新一次。本资源用VS2013所写，版本低导致打不开可用记事本查看，打开“获取时间.aspx”和“WebService1.asmx.cs”两个文件即可。PS：请务必添加jquery-1.10.2.js文件。
js获取当前服务器时间并动态刷新
u014509037的专栏
04-23 6118
//systime放入隐藏域中 function startTime(){ //后台传入的当前系统时间（毫秒数） var systime=document.getElementById("systime").value; var date=new Date(); date.setTime(systime-1+1001);
vue显示服务器时间,Vue CLI 项目页面打开时间优化：从16秒到2秒内
weixin_42515101的博客
08-08 1218
Vue CLI 项目页面打开时间优化：从16秒到2秒内这篇文章发布于 2020/11/30，归类于 Vue标签：vue-cli项目页面加载时间太长，npm run build 打包很大，vue vendor.js文件太大，vue项目包体积优化在日常开发中，经常要写一些 demo 来测试一些功能，于是专门新建了一个 github 仓库来管理，方便积累。这次想着把 vue demo 部署到服务器，方便...
获取服务器的时间
Celine
02-19 1363
$.ajax({type:”OPTIONS”,url:”/”,complete:function(x){alert(x.getResponseHeader(“Date”)) }}); 这是一种方法直接可以获取服务器端时间的方法。 还可以通过接口的形式来进行获取服务器端时间：solution.server.post('/EnglishCompetition/getServiceTime', {},
ajax 获取服务器时间
u014206461的博客
11-02 456
获取服务端时间 let date = new Date($.ajax({async:false}).getResponseHeader("Date"));
js获取网络时间（axios获取响应头时间）
舜岳的博客
01-19 7926
js 获取网络时间: 由于new Date获取的是客户本地时间，有些情况下我们需要获取网络时间，避免用户更改本地时间而产生的某些功能冲突，则我们可以通过如下方法从浏览器获取我们服务器上的时间！ 你也可以获取不同网址上的时间，如：www.baidu.com request = new XMLHttpRequest(); request.open("GET", "/", true); // 中间参数可以改成 www.baidu.com request.send(); //该属性每次变化时会触发 reques
vue显示服务器时间,vue 服务器端倒计时
weixin_39722375的博客
08-11 682
{{time}}export default {name: 'Timer',data() {return {hour: 0,minute: 0,second: 0,timer: null}},props: {remainingTime: {type: String,default: '00:00:00'}},computed: {time() {return `${this.hour < 1...
js实时获取当前时间
最新发布
11-22
以下是两种在JavaScript中实时获取当前时间的方法： 1. 使用Date对象： ```javascript const currentDate = new Date();const year = currentDate.getFullYear(); const month = String(currentDate.getMonth() + 1...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值