✨ JS获取当前日期时间 | 📅 JS显示当前日期和时间

2025-04-08 16:10:06

导读在日常开发中，使用JavaScript动态展示当前日期和时间是一个常见的需求。无论是构建日历组件还是实时更新的时间显示，掌握这一技能都非常实...

在日常开发中，使用JavaScript动态展示当前日期和时间是一个常见的需求。无论是构建日历组件还是实时更新的时间显示，掌握这一技能都非常实用。通过`Date`对象，我们可以轻松实现这一功能！

首先，创建一个HTML页面，并在其中插入一个用于展示日期和时间的容器：

```html

当前时间将在这里显示

```

接着，在JavaScript中，利用`Date`对象获取当前时间，并通过`toLocaleString()`方法格式化输出：

```javascript

const now = new Date();

document.getElementById('datetime').innerText = now.toLocaleString();

```

如果需要更精细的控制，比如只显示日期或仅显示时间，可以分别提取年月日或时分秒：

```javascript

const year = now.getFullYear();

const month = String(now.getMonth() + 1).padStart(2, '0');

const day = String(now.getDate()).padStart(2, '0');

console.log(`今天是：${year}-${month}-${day}`);

```

定时刷新时间也很简单，只需结合`setInterval()`函数即可：

```javascript

setInterval(() => {

document.getElementById('datetime').innerText = new Date().toLocaleString();

}, 1000);

```

💡 小提示：在实际项目中，建议根据用户设备的语言设置调整时间格式，提升用户体验！🌟

通过这些简单的代码片段，你就能为网页添加动态的日期和时间显示功能啦！💬

标签：