基于JS代码实现实时显示系统时间

标签中。为了实现实时更新，我们可以使用window对象的setTimeout()函数，每隔一秒钟调用一次更新时间的函数。

三、具体实现

1. 新建一个index.jsp页面，编写实时显示系统时间的JavaScript函数。关键代码如下：

```javascript

function getLangDate() {

var dateObj = new Date(); // 创建Date对象表示当前系统时间

var year = dateObj.getFullYear(); // 获取当前系统时间的年份

var month = dateObj.getMonth() + 1; // 获取当前系统时间的月份（注意月份是从0开始的）

var date = dateObj.getDate(); // 获取当前系统时间的日期

var day = dateObj.getDay(); // 获取当前系统时间的星期几（0代表星期日，1代表星期一，以此类推）

var hours = dateObj.getHours(); // 获取当前系统时间的小时

var minutes = dateObj.getMinutes(); // 获取当前系统时间的分钟

var seconds = dateObj.getSeconds(); // 获取当前系统时间的秒数

// 对月份、日期、小时、分钟和秒数进行格式化处理，如果小于10则补0

month = month < 10 ? "0" + month : month;

date = date < 10 ? "0" + date : date;

hours = hours < 10 ? "0" + hours : hours;

minutes = minutes < 10 ? "0" + minutes : minutes;

seconds = seconds < 10 ? "0" + seconds : seconds;

// 组合格式化后的时间字符串，并更新到页面中

var newDate = year + "年" + month + "月" + date + "日 " + ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"][day] + " " + hours + ":" + minutes + ":" + seconds;

document.getElementById("dateStr")nerHTML = "系统公告[" + newDate + "]";

// 使用setTimeout每隔一秒钟重新调用该函数，实现实时更新

setTimeout(getLangDate, 1000); // 注意这里不需要加括号

}

```

2. 在页面的标签中通过onload事件加载上述JavaScript函数，并在适当位置加入