我正在使用
PHP Codeigniter Framework
开发我的网站。我想在我的一些网页上显示我的网络服务器的时间以及客户端的机器时间。我使用 JavaScript
成功显示了客户端时间,只需使用 setInterval('clientMachineTime()',1000)
函数即可每秒更新时间。我想以与客户端时钟相同的方式显示网络服务器时间。我用谷歌搜索了这个,但找不到我正在寻找的东西。任何建议将不胜感激。谢谢。
回答我自己的问题
我在 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>
来源1
http://www.plus2net.com/javascript_tutorial/clock.php 请注意,上面的示例是免费的 php。
来源2
有趣的是,在寻找有关 Codeigniter 的信息以查看是否可以回答您的问题时,我发现了一个 runnable 完全可以满足您的需求:
http://runnable.com/UXczcazDrMMiAAGl/how-to-do-ajax-in-codeigniter-for-php
简而言之,上面的脚本使用 Codeigniter 和 jQuery 向服务器询问当前时间(通过 AJAX)。
快乐编码。
在 Vanilla JS 中是:
let dateString = (await fetch("/your/url")).headers.get("date");
它将返回一个字符串,例如:
Wed, 08 Nov 2023 12:36:50 GMT