在HTML中获取当前时间，是很多网页设计和开发中常见的需求，本文将详细介绍如何在HTML中实现这一功能，主要包括使用JavaScript内置对象Date以及结合HTML标签和CSS样式展示时间，下面让我们一起探索如何在HTML中获取并展示当前时间。
### 一、使用JavaScript获取当前时间
JavaScript作为一种广泛应用于网页开发的脚本语言，为我们提供了强大的日期和时间处理能力，我们可以通过内置的Date对象来获取当前时间。
1. **创建Date对象
我们需要创建一个Date对象，以下代码展示了如何创建一个包含当前日期和时间的Date对象：
```html
```
在这段代码中，变量`now`存储了一个新的Date对象，该对象包含当前的日期和时间。
2. **获取具体的日期和时间
创建完Date对象后，我们可以使用其提供的方法来获取年、月、日、时、分、秒等具体的时间信息，以下是一些常用方法：
```html
```
### 二、在HTML中展示当前时间
获取到具体的日期和时间后，我们需要将这些信息展示在网页上，以下是一个简单的示例：
```html
```
在这段代码中，我们首先创建了一个`div`元素，用于展示时间，在JavaScript中定义了一个`displayTime`函数，该函数负责获取当前时间，并将其格式化为易读的字符串，我们使用`setInterval`方法，每隔1000毫秒（即1秒）调用一次`displayTime`函数，实现时间的实时更新。
### 三、美化时间显示效果
为了使时间显示更加美观，我们可以结合CSS对时间进行样式设置，以下是一个简单的示例：
```html
```
在这段代码中，我们为`div`元素添加了一些CSS样式，如字体大小、颜色、居中对齐等，这样，时间显示就会更加美观。
### 四、拓展知识：时间格式化
在上面的示例中，我们使用了字符串拼接的方式对时间进行了简单的格式化，但在实际开发中，我们可能需要更加复杂的时间格式化处理，以下是一个时间格式化的函数示例：
```html
```
这个`formatTime`函数接收一个Date对象作为参数，然后返回一个格式化后的时间字符串，`padZero`函数用于将小于10的数字前面补0，使得时间显示更加规范。
通过以上介绍，相信大家已经掌握了在HTML中获取和展示当前时间的方法，在实际开发中，我们可以根据需求灵活运用这些知识，实现更多有趣的功能。