88【js显示实时时间】

原创于 2025-12-08 00:19:49 发布 · 置顶 · 175 阅读

·

4

·

CC 4.0 BY-SA版权

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

文章标签：

从零开始学编程语言专栏收录该内容

92 篇文章

订阅专栏

比如我们想在网页上显示当前的实时时间，那么我们需要2步
1：确定载体（时间由哪个html组件来显示）
2：使用js每秒修改一次该组件的值

第1步不用过多讲解，大家应该都能看懂了

01

02

03

04

05

06

07

08

09

10

11

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>CountDown</title>

</head>

<body>

<span class="time">当前时间由我来显示</span>

</body>

</html>

第2步是写js，js是写在body里面的，使用<script>组件（标签）

01

02

03

04

05

06

07

08

09

10

11

12

13

14

15

16

17

18

19

20

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>CountDown</title>

</head>

<body>

<span id="box">当前时间由我来显示</span> 

<script type="text/javascript">

var box = document.getElementById("box"); //读取id为box的组件到box变量里面

setInterval("GetTime()",1000); //这是一个定时器，表示每隔1000毫秒（1秒）执行一次子程序GetTime()

function GetTime() {

let time = new Date(); //获取当前的系统时间相关

box.innerHTML = time.toLocaleString(); //让id为box的组件显示当前结果如显示：2023/1/17 20:37:08

}

</script>

</body>

</html>

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

打赏作者

学编程的闹钟 自愿打赏

¥1 ¥2 ¥4 ¥6 ¥10 ¥20

扫码支付：¥1

获取中

扫码支付

您的余额不足，请更换扫码支付或充值

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

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