【js显示实时时间】

admin · 发表于 2023-1-17 20:29:15|字数：908

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

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

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

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

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

<!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://shuxiangyage.net/forum.php?mod=viewthread&tid=1134）

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