网页获取服务器实时时间html代码

Boss_Xie

于 2017-12-24 21:05:37 发布

阅读量8k

点赞数

CC 4.0 BY-SA版权

分类专栏： oj搭建文章标签： hustoj搭建 ubuntu html 服务器

本文链接：https://blog.youkuaiyun.com/Boss_Xie/article/details/78887341

oj搭建专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一种通过在HTML中添加计时器来实现显示服务器实时时间的方法，区别于仅显示当时时间的传统做法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

相关代码再百度上有很多，但是多数都是只是获取当时的时间，并不会显示实时时间

虽然说是获取服务器实时时间，但是实则是加入一个计时器控制的，代码如下：

<!--获取ubuntu服务器时间的html代码，可直接加到php文件中使用-->
<center>
<span id="clock"><?php echo Now_Server_Time?>:Loading...</span>
 <script>
        var delta=new Date("<?php echo date("Y/m/d H:i:s")?>").getTime()-new Date().getTime();
        function clock() {
                var h,m,s,finalText,week,year,mon,day;
                var realTime = new Date(new Date().getTime() + delta);
                year = realTime.getYear() + 1900;
                if (year > 3000) year-=1900;
                mon = realTime.getMonth()+1;
                day = realTime.getDate();
                week = realTime.getDay();
                h=realTime.getHours();
                m=realTime.getMinutes();
                s=realTime.getSeconds();
                finalText="<?php echo Now_Server_Time?>: "+year+"/"+mon+"/"+day+" "+(h>=10?h:"0"+h)+":"+(m>=10?m:"0"+m)+":"+(s>=10?s:"0"+s);
                document.getElementById('clock').innerHTML=finalText;
                setTimeout("clock()", 1000);
        }
        clock();
</script>
</center>