获取Web服务器时间并将其显示在网页上的正确方法


Right way to get Web Server time and display it on Web Pages

我正在使用PHP Codeigniter Framework开发我的网站。我想在我的一些网页上显示我的网络服务器的时间以及客户端的机器时间。我成功地显示客户端时间,使用JavaScript只需使用setInterval('clientMachineTime()',1000)函数即可每秒更新时间。我想以与客户端时钟相同的工作方式显示 Web 服务器时间。我用谷歌搜索了这个,但找不到我正在寻找的确切内容。任何建议将不胜感激。谢谢。

回答我自己的问题

我在 Webdeveloper.com 上找到了我想要的东西,它对我来说效果很好。

服务器日期.js

var xmlHttp;
function srvTime(){
    try {
        //FF, Opera, Safari, Chrome
        xmlHttp = new XMLHttpRequest();
    }
    catch (err1) {
        //IE
        try {
            xmlHttp = new ActiveXObject('Msxml2.XMLHTTP');
        }
        catch (err2) {
            try {
                xmlHttp = new ActiveXObject('Microsoft.XMLHTTP');
            }
            catch (eerr3) {
                //AJAX not supported, use CPU time.
                alert("AJAX not supported");
            }
        }
    }
    xmlHttp.open('HEAD',window.location.href.toString(),false);
    xmlHttp.setRequestHeader("Content-Type", "text/html");
    xmlHttp.send('');
    return xmlHttp.getResponseHeader("Date");
}
var st = srvTime();
var date = new Date(st);

.html

<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Server date/time</title>
    <script language="javascript" src="serverDate.js"></script>
  </head>
  <script language="javascript">
  var localTime = new Date();
  document.write("Local machine time is: " + localTime + "<br>");
  document.write("Server time is: " + date);
  </script>
  <body>
  </body>

干杯!!

function getServerTime() {
  return $.ajax({async: false}).getResponseHeader( 'Date' );
}
console.log('Server Time: ', getServerTime());
console.log('Locale Time: ', new Date(getServerTime()));
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

此示例将尝试每秒显示服务器时间。

<html>
<head>
<title></title>
<script type="text/javascript">
function srvTime(){
    try {
        //FF, Opera, Safari, Chrome
        xmlHttp = new XMLHttpRequest();
    }
    catch (err1) {
        //IE
        try {
            xmlHttp = new ActiveXObject('Msxml2.XMLHTTP');
        }
        catch (err2) {
            try {
                xmlHttp = new ActiveXObject('Microsoft.XMLHTTP');
            }
            catch (eerr3) {
                //AJAX not supported, use CPU time.
                alert("AJAX not supported");
            }
        }
    }
    xmlHttp.open('HEAD',window.location.href.toString(),false);
    xmlHttp.setRequestHeader("Content-Type", "text/html");
    xmlHttp.send('');
    return xmlHttp.getResponseHeader("Date");
}
//var st = srvTime();
//var date = new Date(st);
function display_c(){
var refresh=1000; // Refresh rate in milli seconds
mytime=setTimeout('display_ct()',refresh)
}
function display_ct() {
var strcount
var st = srvTime();
var x = new Date(st);                       //new Date()
document.getElementById('ct').innerHTML = x;
tt=display_c();
}
</script>
</head>
<body onload=display_ct();>
<span id='ct' ></span>
</body>
</html>

SOURCE1

http://www.plus2net.com/javascript_tutorial/clock.php请注意,上面的例子是 php 自由的。

SOURCE2

http://www.webdeveloper.com/forum/showthread.php?228309-Getting-server-date-time-with-no-server-side-script

有趣的是,在寻找有关Codeigniter的信息以查看我是否可以回答您的问题时,我发现了一个完全可以满足您的需求的可运行对象:

http://runnable.com/UXczcazDrMMiAAGl/how-to-do-ajax-in-codeigniter-for-php

简而言之,上面的脚本使用 Codeigniter 和 jQuery 向服务器询问其当前时间(通过 AJAX(。

快乐编码。