在HTML中使用JavaScript实时显示当前日期和时间(结尾完整例程)

本文介绍了如何在HTML中使用JavaScript获取和格式化当前日期时间,实现实时更新显示。通过在HTML中创建一个带有id的元素,JavaScript函数获取系统时间并将其插入到该元素中,同时提供页面加载后立即显示和每秒自动更新的功能。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

在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

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值