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

1.概述

在浏览很多网站时，都会发现在网站中加入了显示当前系统时间的功能，在网页中显示当前系统时间，不仅可以方便浏览者掌握当前时间，而且还美化了网页。

2.技术要点

利用Date对象来实现。首先创建一个表示当前系统时间的Date()对象，然后通过Date对象的getXxx()方法获得当前系统时间的年、月、日、小时、分、秒和星期的值，接下来将获得的这些值组合成一个日期时间字符串，并将日期时间字符串设置成为

标签的内容，最后通过window对象的setTimeout()函数每隔1秒调用一个实时显示系统时间的函数。

3.具体实现

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

/**

*实时显示系统时间

*/

function getLangDate(){

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

var year = dateObj.getFullYear(); //当前系统时间的完整年份值

var month = dateObj.getMonth()+1; //当前系统时间的月份值

var date = dateObj.getDate(); //当前系统时间的月份中的日

var day = dateObj.getDay(); //当前系统时间中的星期值

var weeks = ["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];<