实时时间在网页上显示是前端开发中一个常见的需求。以下是一个详细的教程，帮助你轻松掌握如何在网页上使用JavaScript显示实时时间。

准备工作

确保你有一个可以编写和运行JavaScript的HTML文件。你可以使用任何文本编辑器，如Visual Studio Code、Sublime Text等。

步骤 1：创建HTML结构

在你的HTML文件中创建一个用于显示时间的元素。例如：

```html

时间将在这里显示

```

这里，我们创建了一个`

`元素，其`id`为"time"，这将是我们显示时间的位置。

步骤 2：编写JavaScript代码

创建一个名为"time.js"的JavaScript文件，并将以下代码放入其中：

```javascript

function updateTime() {

const now = new Date();

const timeString = now.toLocaleTimeString();

document.getElementById('time').textContent = timeString;