<!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. matlab默认字体设置

      Monospaced Plain 10 SansSerif Plain 10 这是默认设置.希望能帮到你!

  2. VLC for iOS 2.3.0

    http://www.cocoachina.com/bbs/read.php?tid=231898 VLC for iOS 2.3.0       本帖属于CocoaChina会员发表,转帖请写明来源 ...

  3. 开始gentoo之旅

    买了一台i7笔记本,dell 15游戏匣7559,老笔记本dell n4030装了gentoo. 用了两天,先用着,再慢慢学内核编译.

  4. 4.DataFrame(快速开始)

    快速开始 基本概念 ''' 在使用 DataFrame 时,需要了解三个对象上的操作:Collection(DataFrame) ,Sequence,Scalar Collection(DataFra ...

  5. superviosrd进程管理

    supervisor进程管理器---------------------------1. 安装依赖yum install python-setuptools-devel 2. 安装supervisor ...

  6. UVA 10765 Doves and bombs 割点

    最近好懒,堆了好多题没写题解.. 原题链接:https://uva.onlinejudge.org/index.php?option=com_onlinejudge&Itemid=8& ...

  7. Flip Game -- LeetCode

    You are playing the following Flip Game with your friend: Given a string that contains only these tw ...

  8. java多线程设计模式(3)读写锁模式

    1 Read-Write Lock Pattern Read-Write Lock Pattern是一种将对于共享资源的访问与修改操作分离,称为读写分离.即访问是reader,修改是write,用单独 ...

  9. C++ 11中几个我比较喜欢的语法（三）

    随着Vsisual Studio 2013 RC版的放出,之前承诺的对C++ 11语法支持已经全部完成,本文是C++ 11中我喜欢的语法系列的最后一部分(一),(二). 非静态成员直接初始化 在C++ ...

  10. Uri详解之——Uri结构与代码提取

    目录(?)[+] 前言:依然没有前言…… 相关博客:1.<Uri详解之——Uri结构与代码提取>2.<Uri详解之二——通过自定义Uri外部启动APP与Notification启动& ...