javascript实现实时输出当前的时间

在网页设计中，实时显示时间不仅能为页面增添色彩，还能方便浏览者掌握当前的时间。为了提高网站的开发效率，我们可以将主代码封装在一个独立的函数中，这样在有需要的时候就可以直接调用。这次我为大家带来一个实时更新时间的JavaScript函数演示。

这个函数名为`CurentTime`，它可以接受一个参数，即你想要显示时间的HTML元素的ID。下面是这个函数的详细实现：

```javascript

function CurentTime(divID) {

var now = new Date(); // 获取当前时间

var year = now.getFullYear(); // 年

var month = now.getMonth() + 1; // 月（注意月份是从0开始的）

var day = now.getDate(); // 日

var hh = now.getHours(); // 时

var mm = now.getMinutes(); // 分

var sc = now.getSeconds(); // 秒

var week = ['日', '一', '二', '三', '四', '五', '六']; // 星期数组

var weekDay = week[now.getDay()]; // 获取星期几

// 将年月日时分秒格式化为字符串，并拼接成完整的时间字符串

var curTimeStr = year + '年' + (month < 10 ? '0' + month : month) + '月' + (day < 10 ? '0' + day : day) + '日' + ' 星期' + weekDay + ' ' + (hh < 10 ? '0' + hh : hh) + ':' + (mm < 10 ? '0' + mm : mm) + ':' + (sc < 10 ? '0' + sc : sc);

document.getElementById(divID)nerHTML = '今天是' + curTimeStr;

// 每秒更新一次时间

setTimeout(function() { CurentTime(divID); }, 1000);

}

```

使用方法非常简单。假设你的HTML页面中有一个id为`time`的div元素，你只需在合适的地方（例如在页面加载完成后）调用这个函数并传入相应的div ID即可：

```html

```这样，页面上id为`time`的div就会实时显示当前时间。这个函数会自动每秒更新一次，确保显示的时间始终是的。希望这个功能能给你的网站增添便利和活力。