<!doctype html>

<html lang="zh-cn">

<head>

    <meta charset="utf-8" />

    <title></title>

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js" type="text/javascript"></script>

</head>

<body>

    <script type="text/javascript">

        var clientTime = new Date();

        var serverTime = { n: clientTime.getFullYear(), y: clientTime.getMonth(), r: clientTime.getDate(), h: clientTime.getHours(), m: clientTime.getMinutes(), s: clientTime.getSeconds(), xq: clientTime.getDay().toString() };

        var serverTimeStr = { n: clientTime.getFullYear(), y: clientTime.getMonth(), r: clientTime.getDate(), h: clientTime.getHours().toString(), m: clientTime.getMinutes().toString(), s: clientTime.getSeconds().toString(), xq: clientTime.getDay().toString() };

        //    var checkFlag = 0;//为了减小误差，可以设置该变量，比如当checkFlag到达600时，重新从服务器取得时间

        function formatServerTime() {

            //        checkFlag++;

            if (serverTime.s < 59) {//60s进制

                serverTime.s++;

            }

            else {

                serverTime.s = 0;

                if (serverTime.m < 59) {//60m进制

                    serverTime.m++;

                }

                else {

                    serverTime.m = 0;

                    if (serverTime.h < 23) {//24h进制

                        serverTime.h++;

                    }

                    else {

                        serverTime.h = 0;

                    }

                }

            }

            //时

            if (serverTime.h < 10)

                serverTimeStr.h = "0" + serverTime.h.toString();

            else

                serverTimeStr.h = serverTime.h.toString();

            //分

            if (serverTime.m < 10)

                serverTimeStr.m = "0" + serverTime.m.toString();

            else

                serverTimeStr.m = serverTime.m.toString();

            //秒

            if (serverTime.s < 10)

                serverTimeStr.s = "0" + serverTime.s.toString();

            else

                serverTimeStr.s = serverTime.s.toString();

            //月

            if (serverTimeStr.y < 10)

                serverTimeStr.y = "0" + serverTime.y.toString();

            else

                serverTimeStr.y = serverTime.y.toString();

            //日

            if (serverTime.r < 10)

                serverTimeStr.r = "0" + serverTime.r.toString();

            else

                serverTimeStr.r = serverTime.r.toString();

            //星期

            serverTimeStr.xq = serverTime.xq.toString();

            $("#divTimes").html(serverTime.n.toString() + "-" + serverTimeStr.y + "-" + serverTimeStr.r + " " + serverTimeStr.h + ":" + serverTimeStr.m + ":" + serverTimeStr.s + " " + serverTimeStr.xq);

            //        if (checkFlag>600){

            //            checkFlag=0;

            //            getServerTime();

            //            return;

            //        }

            //        else

            window.setTimeout("formatServerTime()", 1000);

        }

        function getServerTime() {

            //var myurl = "/MyTimer.aspx?rnd=" + Math.random();//该处为获取服务器时间的地址，返回json数据，此处格式为 [{"h":10,"m":25,"s":9}]

            $.ajax({

                type: "GET",

                url: "MyTimer.aspx",

                complete: function (data, textStatus) {

                    serverTime = eval("(" + data.responseText + ")");

                    formatServerTime();

                },

                error: function (e) {

                }

            });

        }

        $(function () {

            getServerTime();

        })

    </script>

    <div id="divTimes">

        loading......</div>

</body>

</html>

　　

string date = DateTime.Now.ToString("yyyy,MM,dd,HH,mm,ss,dddd");

            string[] dateArr = date.Split(',');

            date = string.Format("{{'n':{0},'y':{1},'r':{2},'h':{3},'m':{4},'s':{5},'xq':'{6}'}}", dateArr[0], dateArr[1], dateArr[2], dateArr[3], dateArr[4], dateArr[5], dateArr[6]);

            Response.Write(date);

            Response.End();

　　

Javascript 客户端实时显示服务器时间的更多相关文章

  1. JavaScript实时显示当前时间的例子

    用javascript代码在当前页面中实时显示当前时间.代码如下: <html> <head> <title>JavaScript 实时显示当前时间-www.jbx ...

  2. Vue页面上实时显示当前时间，每秒更新

    有时候我们需要在页面上添加一个类似时钟的东西来实时显示当前时间,这个时候我们可以利用定时器来完成这个功能 <div id="app"> {{date}} </di ...

  3. Qt 实时显示系统时间

    前言 我们用一个label控件来实时显示系统时间,用到 QTimer 和 QDateTime 这个两个类. 正题 头文件: #ifndef MAINWINDOW_H #define MAINWINDO ...

  4. vue实时显示当前时间且转化为“yyyy-MM-dd hh:mm:ss”格式

    在实际运用中时间格式"yyyy-MM-dd hh:mm:ss"用的最多,如果需要其他格式可根据需求自行修改,下面直接上代码: 引入相应的js即可运行 <!DOCTYPE ht ...

  5. JavaScript实时显示当前时间

    1.HTML部分 <div id="div1">显示当前时间!</div> 2.css部分 #div1 { width: 700px; height: 50 ...

  6. Android学习总结——实时显示系统时间

    我们都知道System.currentTimeMillis()可以获取系统当前的时间,这里要实时显示就可以开启一个线程,然后通过handler发消息,来实时的更新TextView上显示的系统时间.具体 ...

  7. JavaScript or JQuery 获取服务器时间

    用js做时间校正,获取本机时间,是存在bug的. 使用js也可获取到服务器时间,原理是使用 ajax请求,返回的头部信息就含有服务器端的时间信息,获取到就可以了(有的IE下扔不会正常获取,还是更建议走 ...

  8. javascript 实现页面显示当前时间 动态读秒

    用户进入网站后,出于友好目的,可以添加一些欢迎语句,并且显示系统当前时间,动态读秒的操作.还是直接粘贴代码吧 <script type="text/javascript"&g ...

  9. js实时显示系统时间

    刚刚在做后台页面最上面要动态显示时间刚写了这个代码 将这段代码加入<head></head> <!--时间显示代码 --><script>functio ...

随机推荐

  1. zlib编译不过（Error A2070）解决方法（转）

    原文转自 http://dearymz.blog.163.com/blog/static/2056574200871010027435/ 1.zlib是个很牛的东东,从http://www.zlib. ...

  2. OPEN SUSE LINUX

    1. 把中文界面变成英文界面 yast2->system->language: 主要语言: 美式英语US 2. 使用root用户默认登录 Ubuntu使用root登录        Ubu ...

  3. mlock家族：锁定物理内存【转】

    转自:http://blog.csdn.net/fjt19900921/article/details/8074541 锁住内存是为了防止这段内存被操作系统swap掉.并且由于此操作风险高,仅超级用户 ...

  4. 编程中的runtime_error问题

    前几天在编程中,代码如下: 头文件:ErrorHandlingModule.h //filename:ErrorHandlingModule.h #ifndef ErrorHandlingModule ...

  5. likely,unlikely宏与GCC内建函数__builtin_expect()

    在 GCC 手册中对 __builtin_expect() 的描述是这样的: 由于大部分程序员在分支预测方面做得很糟糕,所以 GCC 提供了这个内建函数来帮助程序员处理分支预测,优化程序.其第一个参数 ...

  6. 非MFC工程中使用MFC库

    目录(?)[-] 需求说明 常见问题 问题分析 参考解决方法 我的解决方案 Stdafxh的原理   需求说明 C++工程的类型有很多,从VS(或VC)可以看到常见的有:Win32 Console A ...

  7. poj 2546(两圆公共面积)

    Circular Area Time Limit: 1000MS   Memory Limit: 65536K Total Submissions: 5682   Accepted: 2225 Des ...

  8. Xcode_9_beta.xip 更新下载

    Xcode_9_beta.xip 更新下载 Xcode_9_beta.xip 链接: pan.baidu.com/s/1dFJ33tJ 密码: 89mv

  9. POJ 2441 Arrange the Bulls（状压DP）

    [题目链接] http://poj.org/problem?id=2441 [题目大意] 每个人有过个喜欢的篮球场地,但是一个场地只能给一个人, 问所有人都有自己喜欢的场地的方案数. [题解] 状态S ...

  10. 八. 输入输出(IO)操作4.面向字节的输入输出流

    字节流以字节为传输单位,用来读写8位的数据,除了能够处理纯文本文件之外,还能用来处理二进制文件的数据.InputStream类和OutputStream类是所有字节流的父类. InputStream类 ...