首先通过JavaScript的Date对象获取当前时间，并格式化年月日时分秒，然后将格式化后的时间插入HTML的指定元素中，最后使用setInterval每秒调用一次更新函数，实现页面实时显示时钟效果。
如果您希望在网页上实时显示当前的时间，可以通过JavaScript结合HTML来动态获取并更新系统时间。以下是实现该功能的具体方法：
一、使用JavaScript内置Date对象
通过JavaScript的Date对象可以轻松获取客户端的当前时间，并将其插入到HTML元素中。这种方法简单直接，适合大多数基础需求。
1、在HTML页面中创建一个用于显示时间的元素，例如：。
2、编写JavaScript代码获取当前时间，格式化后填入该元素。
立即学习“前端免费学习笔记（深入）”；
3、使用setInterval定时刷新时间，确保显示内容持续更新。
二、格式化时间显示
默认的Date输出可能不符合阅读习惯，因此需要手动提取年、月、日、时、分、秒并进行格式化，以提升可读性。
1、调用Date对象的getFullYear()、getMonth()、getDate()等方法分别获取年月日。
2、对月份加1，因为getMonth()返回值从0开始。
3、使用padStart()方法为小时、分钟、秒补零，确保显示为两位数。
4、将格式化后的字符串通过textContent或innerHTML赋值给目标DOM元素。
三、实现实时更新时钟
为了让时间持续变化，需利用setInterval每秒执行一次时间更新函数，从而模拟时钟效果。
1、定义一个更新时间的函数updateTime，内部包含格式化逻辑。
2、在函数末尾调用document.getElementById('time').textContent = formattedTime 更新页面内容。
3、使用setInterval(updateTime, 1000) 每隔1000毫秒（即1秒）自动执行一次。
4、确保脚本在DOM加载完成后执行，可将script标签置于body底部或使用DOMContentLoaded事件。
