如何解决带有服务器时间的实时 jQuery 数字时钟
我有一个用 jQuery 制作的数字时钟,它显示来自客户端机器的当前确切时间,它运行良好,但我想让它显示来自服务器而不是客户端的确切时间。
它是如何工作的,它每 1000 毫秒(1 秒)更新一次,并且每次检索当前的时:分:秒
现在有没有办法向 PHP 脚本 (/get-time.php) 发出 HTTP 请求并显示准确的服务器时间?当然,每秒发出一次 HTTP 请求以获取每个访问者的新时间并不是一个好习惯,所以有没有办法让它每 10 秒一次以更正时间并保持时钟每秒滴答作响,就像真正的数字一样时钟?
这是 HTML:
<div class="digital-clock float-right">00:00:00</div>
这是jQuery代码:
$(document).ready(function() {
clockUpdate();
setInterval(clockUpdate,1000);
});
function clockUpdate() {
var date = new Date();
$('.digital-clock').css({'color': '#fff','text-shadow': '0 0 3px #ff0'});
function addZero(x) {
if (x < 10) {
return x = '0' + x;
} else {
return x;
}
}
function twelveHour(x) {
if (x > 12) {
return x = x - 12;
} else if (x == 0) {
return x = 12;
} else {
return x;
}
}
var h = addZero(twelveHour(date.getHours()));
var m = addZero(date.getMinutes());
var s = addZero(date.getSeconds());
$('.digital-clock').text(h + ':' + m + ':' + s)
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。