<!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. error LNK2026: 模块对于 SAFESEH 映像是不安全的（转）

    原文转自 http://www.cnblogs.com/hanxi/archive/2012/06/10/2544230.html 今天使用VS2012遇到一个问题:"链接器工具错误 LNK ...

  2. Linux内核之页面换出详解

    kswap线程主要用于页面的定期换出,接下来说说kswap线程的实现 首先kswap线程的初始化时,需要根据物理内存的大小设置一个page_cluster变量的值,这个值表示预读数目 (比如本来只读一 ...

  3. android.useDeprecatedNdk=true

    android.useDeprecatedNdk=true ndk{ moduleName "aa" abiFilter "armeabi-v7a" }

  4. Kubernetes监控工具

    #镜像在谷歌上需要FQ#####################################监控工具#当前最新版本 heapster https://github.com/kubernetes/h ...

  5. ./configure时候遇到的问题 Cannot find install-sh, install.sh, or shtool in ac-aux

    https://blog.csdn.net/anloan/article/details/17268997

  6. ASP.NET webFrom

    web窗体的后缀名.aspx 1.<% %> 标签内的代码在服务器上执行 <body> <form id="form1" runat="se ...

  7. (1)OracleClient数据库操作（淘汰）

    一.数据库连接 Oracle 数据提供程序,位于System.Data.OracleClient 命名空间.( .NET 4 以后的版本,会将不在维护和更新了) 第一步:引入命名空间 在程序的开头写上 ...

  8. sqlldr control file compare with HEX value

    when field= UTL_I18N.RAW_TO_CHAR ('e38080', 'AL32UTF8')

  9. Map泛型集合-输入名字输出成绩

    package collection; import java.util.HashMap; import java.util.Map; import java.util.Scanner; import ...

  10. Jekyll搭建个人博客-拓展版

    关于Jekyll Jekyll 是一个简单的博客形态的静态站点生产机器.它有一个模版目录,其中包含原始文本格式的文档,通过 Markdown (或者 Textile) 以及 Liquid 转化成一个完 ...