网页显示时间代码

最新推荐文章于 2024-07-15 07:00:00 发布

原创最新推荐文章于 2024-07-15 07:00:00 发布 · 4.3k 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#网页显示时间代码 #html #时间

其他集合篇专栏收录该内容

17 篇文章

订阅专栏

本文介绍了如何使用JavaScript实现网页实时显示当前时间的功能，通过创建一个定时刷新的时间显示元素，展示了时间更新的具体代码实现和效果展示。

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

网页显示时间代码如下：

<test.html>

<html>
<body>
<SCRIPT language=javascript>
function CurentTime(){
    var now = new Date();
    var hh = now.getHours();
    var mm = now.getMinutes();
    var ss = now.getTime() % 60000;
    var ms = ss % 1000;
    ss = (ss - (ss % 1000)) / 1000;
    var clock = hh+':';
    if (mm < 10) clock += '0';
    clock += mm+':';
    if (ss < 10) clock += '0';
    clock += ss;
    clock += '.';
    if (ms < 10) clock += '0';
    if (ms < 100) clock += '0';
    clock += ms;
    return(clock);
}

function refreshCalendarClock(){  
document.all.calendarClock.innerHTML = CurentTime();  
}  
document.write('<font id="calendarClock"   style="color:#000000;font-family:Arial;font-size:120pt"><b> </b></font>'); 
setInterval('refreshCalendarClock()',1);
</SCRIPT>
</body>
</html>

效果如下：