【js显示实时时间】
本帖最后由 书香 于 2023-5-21 02:40 编辑比如我们想在网页上显示当前的实时时间，那么我们需要2步
1：确定载体（时间由哪个html组件来显示）
2：使用js每秒修改一次该组件的值
第1步不用过多讲解，大家应该都能看懂了
<!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>组件（标签）
<!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） 谢谢分享 学习了，谢谢
页:
[1]