比如我们想在网页上显示当前的实时时间，那么我们需要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）
| 
|Archiver|小黑屋|书香雅阁论坛
( 湘ICP备17011672号-3 )
发表于 2023-1-17 20:29:15