js 脚本客户端显示服务器的时间

发布时间:2019-11-22编辑:脚本学堂
js脚本客户端显示服务器的时间的代码,有需要的朋友,可以参考下。

文件:ServerClock.js
 

复制代码 代码如下:

/*
名称:服务器时钟(一次读取,实时显示)
功能:在客户端浏览器上显示服务器端的时间。
原理:   
    算法步骤:
    1. 获取服务端的日期时间。
    2. 根据客户端浏览器的时间可以得到服务器和客户端的时间差。
    3. 服务器的时钟 = 客户端的时钟(变化值)+ 时间差(固定值)
   
    这样客户端就没有必要实时的到服务器端去取时间。

说明:
    1. 多浏览器支持
    2. 由于网络延时无法估计的原因,会有一定的误差。
        用户可以通过 set_delay() 方法来减少误差。
参数:
    s_year, s_month, s_day, s_hour, s_min, s_sec 
    分别为服务器端的 年 月 日 时 分 秒,

    例如:2008,9,19,0,9,0 表示 2008年9月19日 0点9分0秒
*/
var ServerClock =
            function(s_year,s_month,s_day,s_hour,s_min,s_sec)
{
    //估计从服务器下载网页到达客户端的延时时间,默认为1秒。
    var _delay = 1000;
   
    //服务器端的时间
    var serverTime = null;
    if(arguments.length == 0)
    {
        //没有设置服务器端的时间,按当前时间处理
        serverTime = new Date();
        _delay = 0;
    }
    else
        serverTime =
            new Date(s_year,s_month-1,s_day,s_hour,s_min,s_sec);

    //客户端浏览器的时间
    var clientTime = new Date();
    //获取时间差
    var _diff = serverTime.getTime() - clientTime.getTime();

    //设置从服务器下载网页到达客户端的延时时间,默认为1秒。
    this.set_delay = function(value){_delay=value;};

    //获取服务的日期时间
    this.get_ServerTime = function(formatstring)
    {
        clientTime = new Date();
        serverTime.setTime(clientTime.getTime()+_diff+_delay);
        if(formatstring == null)
            return serverTime;
        else
            return serverTime.format(formatstring);
    };   
}

使用方法:
 

复制代码 代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <title> 在客户端显示服务器时钟Demo </title>
</head>

<body>
<div id="time"></div>
<script language="javascript" src="ServerClock.js"></script>
<script language="javascript">
<!--
/*
以下代码中:2008,9,19,0,9,0 为服务器端返回的时间,

以 ASP.NET代码为例
 var srvClock = new ServerClock(<%=DateTime.Now.ToString("yyyy,M,d,H,m,s") %>);
*/
var srvClock = new ServerClock(2008,9,19,0,9,0);

/* 时间格式化字符串 */
var fmtStr = "服务器的时间是:<br/>yyyy年MM月dd日 HH:mm:ss E<br/>是该年的第D天<br/>是该年的第w周<br/>";

/*
由于网络延时无法估计的原因,会有一定的误差。用户可以通过 set_delay() 方法来减少误差。
默认为1000,表示 1 秒。
*/
srvClock.set_delay(3000); /* 时钟向后延时 3 秒 */

/* 0.5秒刷新一次时间 */
window.setInterval(function(){
    document.getElementById("time").innerHTML =
                                srvClock.get_ServerTime(fmtStr);
},500);

//-->
</script>
 </body>
</html>