在Web开发中,经常需要在网页上显示当前的日期和时间。HTML本身并不具备这样的动态功能,但我们可以借助JavaScript来实现。JavaScript是一种常用的前端脚本语言,它可以轻松地获取系统时间,并将其插入到HTML元素中。
下面是一个简单的示例,演示如何在HTML中使用JavaScript实时显示当前的日期和时间:
首先,我们创建一个HTML文件,并在其中添加一个用于显示日期和时间的<p>
元素。给它一个唯一的id
,这样我们就可以通过JavaScript找到它并更新其内容。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>实时显示当前日期和时间</title>
</head>
<body>
<p id="currentDateTime">加载中...</p>
<!-- 引入JavaScript代码 -->
<script src="display-datetime.js"></script>
</body>
</html>
接下来,我们创建一个名为display-datetime.js
的Jav