使用JavaScript的Date对象结合setInterval或requestAnimationFrame可实现网页实时时间显示。首先在HTML中创建带id的显示元素，通过JavaScript获取当前时间并格式化为小时、分钟、秒，再写入页面元素，利用setInterval每秒更新一次；或使用requestAnimationFrame实现更流畅的更新机制，仅在秒数变化时刷新DOM以提升性能；还可扩展功能，获取年、月、日及星期信息，将月份和星期转换为可读名称，拼接成如“2025年4月5日 星期六 14:30:25”的完整格式并动态展示。
如果您希望在网页上动态显示当前时间，可以通过JavaScript结合HTML实现页面上的实时时间更新。以下是几种不同的方法来完成这一功能：
一、使用JavaScript的Date对象动态更新时间
通过获取系统当前时间，并利用setInterval定时刷新页面元素内容，可以实现每秒更新一次时间显示。
1、在HTML中创建一个用于显示时间的元素，例如使用标签并设置id属性。
2、编写JavaScript代码，获取当前时间的小时、分钟和秒，并格式化输出。
立即学习“前端免费学习笔记（深入）”；
3、使用setInterval函数每隔1000毫秒（1秒）执行一次时间更新函数。
4、将格式化后的时间字符串写入到指定的DOM元素中。
确保DOM加载完成后执行脚本，可将script置于body底部或使用DOMContentLoaded事件
二、使用requestAnimationFrame实现平滑时间更新
该方法利用requestAnimationFrame机制，在浏览器每次重绘前更新时间，比setInterval更高效且流畅。
1、定义一个更新时间的函数，在函数内部获取当前时间并更新页面内容。
2、判断当前时间的秒数是否变化，仅当秒数变化时才更新DOM。
jQuery基于css3属性制作精美圆形时钟，带当前日期显示，中间还可以自定义设置时钟logo等功能。这是一款简单实用的时钟插件。调用方法：$(".clock-place").CodehimClock({});
3、调用requestAnimationFrame使函数在下一次屏幕刷新时再次执行。
4、形成递归循环，持续监控并按需更新时间显示。
此方式能有效减少不必要的DOM操作，提升性能表现
三、显示包含日期和星期的时间格式
除了基本的时间显示，还可以扩展功能以展示完整的日期信息，如年月日和星期几。
1、使用JavaScript的Date对象获取年、月、日、星期等数值。
2、将月份和星期转换为更具可读性的中文或英文名称。
3、拼接成完整的日期时间字符串，例如“2025年4月5日 星期六 14:30:25”。
4、将其插入到页面指定位置，并通过定时器持续更新。
注意月份从0开始计数，需加1才是实际月份
