<!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. wav格式

    转自: http://www.cnblogs.com/tiandsp/archive/2012/10/17/2728585.html 起始地址 占用空间 本地址数字的含义 00H 4byte RIFF ...

  2. linux资源限制函数getrlimit，setrlimit（转载）【转】

    转自:http://blog.csdn.net/stormkey/article/details/5890512 版权声明:本文为博主原创文章,未经博主允许不得转载. getrlimit,setrli ...

  3. usb驱动的基本结构和函数简介【转】

    转自:http://blog.csdn.net/jeffade/article/details/7698404 几个重要的结构 struct--接口 struct usb_interface { /* ...

  4. (九)经典_STM32_ADC多通道采样的例子

    STM32 ADC多通道转换描述:用ADC连续采集11路模拟信号,并由DMA传输到内存.ADC配置为扫描并且连续转换模式,ADC的时钟配置为12MHZ.在每次转换结束后,由DMA循环将转换的数据传输到 ...

  5. wsgi的学习（1）：什么是WSGI

    本文来自:http://www.nowamagic.net/academy/detail/1330310 WSGI,全程是:Web Server Gateway Interface,或者python  ...

  6. AC日记——数颜色 bzoj 2120

    2120 思路: 带修改的莫队: 对于离线排序询问的算法,如何修改呢? 每个询问添加一个修改标记: 表示当前询问在第几个修改之后: 然后把修改标记作为第三关键字来排序: 每次更新端点,先更新时间: 块 ...

  7. 本地添加maven支持

    第一步:添加maven支持,去Apache maven官网下载maven, 解压 在conf文件夹里有个settings.xml,这个是需要自己配置的,不然的话也会有默认,只是那样的话会在C盘了,不喜 ...

  8. 新疆大学ACM-ICPC程序设计竞赛五月月赛（同步赛）- 杨老师的游戏

    链接:https://www.nowcoder.com/acm/contest/116/B来源:牛客网 题目描述 杨老师给同学们玩个游戏,要求使用乘法和减法来表示一个数,他给大家9张卡片,然后报出一个 ...

  9. SONY的一款Win8平板

    今天看到了SONY新发布的一款x86的平板电脑: 铝合金的机身,分离的屏幕,非常漂亮.参数上还是很给力的,i5-4210/i7-4610的处理器,1920x1080的屏幕.4G的内存.9.9mm的厚度 ...

  10. NSOperationQueue 和 NSOperation

    The NSOperationQueue class regulates the execution of a set of NSOperation objects. After being adde ...