获取并显示当前时间是Web前端开发中非常常见的需求。下面是JS实时获取并显示当前时间的方法的完整攻略：
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 运行代码，即可实时获取并显示当前时间。
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实时获取并显示当前时间的方法的完整攻略。根据实际需求，可以选择合适的方法进行实现。
本文链接：http://task.lmcjl.com/news/11800.html