上海开放大学时间显示网站
上海开放大学(Shanghai Open University)是一所位于中国上海市的成人高等教育机构,致力于为广大在职人员提供优质的远程教育服务。在这个网站中,我们可以实时获取当前的时间,并以年月日的形式展示在网页上。
网站使用JavaScript的setInterval
函数每隔1秒钟(1000毫秒)更新一次时间。首先,通过new Date()
获取当前时间,然后分别获取年份、月份、日期、小时、分钟和秒。接下来,我们定义了一个名为checkTime
的辅助函数,用于将小于10的时、分、秒补齐为两位数。最后,我们通过document.getElementById("time")
获取页面上的时间显示区域,并使用innerHTML
属性将当前时间拼接成字符串,展示在网页上。
使用方法
- 将上述代码复制到一个名为
time.js
的文件中; - 在HTML文件中创建一个元素,用于显示时间,例如:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>上海开放大学时间显示</title>
</head>
<body>
<div id="time"></div>
<script src="time.js"></script>
</body>
</html>
- 确保HTML文件与
time.js
文件在同一目录下,打开HTML文件即可看到实时更新的时间显示。