【js显示实时时间】

书香 · 发表于 2023-5-18 23:13

本帖最后由书香于 2023-5-21 02:40 编辑

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

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

[Asm] 纯文本查看 复制代码

<!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>组件（标签）

[Asm] 纯文本查看 复制代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CountDown</title>
</head>
<body>
    <span id="box">当前时间由我来显示</span>   <!-- 这个组件（标签）的id是box -->
    <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>

（点击返回课程目录：https://www.52hb.com/thread-58658-1-1.html）

sjtkxy · 发表于 2023-6-4 05:04

提示: 作者被禁止或删除内容自动屏蔽

longge188 · 发表于 2023-9-6 09:16

谢谢分享

榴弹炮 · 发表于 2024-2-10 22:46

学习了，谢谢

		自动登录	找回密码
密码			立即注册

sjtkxy 当前离线窥视卡雷达卡头像被屏蔽	sjtkxy 发表于 2023-6-4 05:04 \| 显示全部楼层快速获取HB的方法：先接任务，然后评分、发帖、回帖等即可快速获得大量HB奖励！提示: 作者被禁止或删除内容自动屏蔽
sjtkxy 当前离线窥视卡雷达卡头像被屏蔽	吾爱汇编论坛-学破解，防破解！知进攻，懂防守！逆向分析，软件安全！52HB.COM

[HTML+CSS+JS] 【js显示实时时间】

评分