js显示当前系统时间的代码

下面是关于JS显示当前系统时间的完整攻略：

1. 通过Date对象获取当前系统时间

在JS中，可以通过Date对象来获取当前系统时间。通过创建一个Date对象，我们可以获取当前的年、月、日、时、分、秒等时间信息。下面是获取当前时间的示例代码：

const now = new Date(); // 创建Date对象
const year = now.getFullYear(); // 获取年份
const month = now.getMonth() + 1; // 获取月份，需要加1
const day = now.getDate(); // 获取日期
const hour = now.getHours(); // 获取小时数
const minute = now.getMinutes(); // 获取分钟数
const second = now.getSeconds(); // 获取秒数
console.log(`${year}-${month}-${day} ${hour}:${minute}:${second}`); // 输出时间

运行上述代码，可以在控制台中看到当前时间的输出，格式为“年-月-日 小时:分钟:秒”。

2. 实时显示当前系统时间

如果需要在页面中实时显示当前系统时间，可以通过使用setInterval方法不断更新时间，并把时间显示在指定的DOM元素中。下面是一个实时显示当前系统时间的示例代码：

const timeDiv = document.getElementById('time'); // 获取显示时间的DOM元素
function showTime() {
  const now = new Date();
  const year = now.getFullYear();
  const month = now.getMonth() + 1;
  const day = now.getDate();
  const hour = now.getHours();
  const minute = now.getMinutes();
  const second = now.getSeconds();
  timeDiv.innerText = `${year}-${month}-${day} ${hour}:${minute}:${second}`; // 把时间赋值给DOM元素的innerText属性
}
setInterval(showTime, 1000); // 每隔1秒钟调用一次showTime方法，更新时间

上述代码中，通过document.getElementById方法获取id为“time”的DOM元素，然后定义了一个名为showTime的函数，该函数在每秒钟被调用一次，更新显示时间。在showTime函数中，使用innerText属性把时间显示在DOM元素中。

以上就是JS显示当前系统时间的完整攻略，希望能对你有所帮助。