js实时获取并显示当前时间的方法

获取并显示当前时间是Web前端开发中非常常见的需求。下面是JS实时获取并显示当前时间的方法的完整攻略：

方法一：使用JavaScript内置对象Date()

1.1 首先，在HTML中添加一个用于展示时间的容器，例如：

<div id="current-time"></div>

1.2 在JS中使用setInterval方法设置一个定时器，定时器每隔一秒执行一次回调函数，回调函数通过Date()对象获取当前时间，并更新HTML中的容器展示当前时间。代码如下所示：

function getCurrentTime() {
    let timeContainer = document.getElementById("current-time");
    let now = new Date();
    let h = now.getHours();
    let m = now.getMinutes();
    let s = now.getSeconds();
    timeContainer.innerHTML = "当前时间：" + h + ":" + m + ":" + s;
}
setInterval(getCurrentTime, 1000);

1.3 运行代码，即可实时获取并显示当前时间。

方法二：使用第三方库moment.js

2.1 首先，在HTML中添加一个用于展示时间的容器，例如：

<div id="current-time"></div>

2.2 在JS中通过<script>引入第三方库moment.js，通过moment().format()获取当前时间并更新HTML中的容器展示当前时间。代码如下所示：

<!-- 引入moment.js库 -->
<script src="https://cdn.bootcdn.net/ajax/libs/moment.js/2.29.1/moment.min.js"></script>
<script>
    function getCurrentTime() {
        let timeContainer = document.getElementById("current-time");
        let now = moment().format('YYYY-MM-DD HH:mm:ss');
        timeContainer.innerHTML = "当前时间：" + now;
    }
    setInterval(getCurrentTime, 1000);
</script>

2.3 运行代码，即可实时获取并显示当前时间。

以上就是JS实时获取并显示当前时间的方法的完整攻略。根据实际需求，可以选择合适的方法进行实现。