JS提供了一个日期类型来处理时间和日期。日期类型内置了一系列方法来获取和设置日期和时间信息。让我们简要总结一下这种日期类型。查看日期类型的方法，给出了以下内容：

以上方法可以自己尝试。我将简单演示JS的正确输出格式：

var today=new Date()；//创建时间和日期对象文档. write('h4 '是世界标准时间输出：/H4 ')；document.write(今天为“HR/”)；Document.write('h4以下是符合我们当地时间的时间输出：/H4 ')；document . write(tolocalestring()' HR/')；Document.write('h4以下是符合我们中文的时间输出：/H4 ')；document . write(today . getfullyear()'-'(today . getmonth()1)'-' today . getdate()' ' today . gethours()' : ' today . getminutes()' : ' today . getseconds()' HR/')；输出结果是：

当我看到这个的时候，我会想到电脑自带的本地时钟。点击任务栏上的时间，会弹出一个时钟：

现在我们知道了JS中的Date类型，是否可以在网页上显示带有本地时间和日期的时钟，我简单的做了一个简单的时钟，因为我学的JS知识很少。给定代码：

！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www . w3 . org/TR/XHTML 1/DTD/XHTML L1-Transitional . DTD ' html xmlns=' http://www . w3 . org/1999/XHTML ' head meta http-equiv=' Content-Type ' Content=' text/html；Charset=gb2312'/title:用综合示例制作简单时钟/title:style type=' text/CSS ' * { margin 33600 px；padding:0pxoutline:none} body { background-color : # 0e0e 0e；飞越：隐藏；} .日期{ width:860px高度：250 px；border:1px实心# FFFFFFmargin:automargin-top :200 px；color: # FFFFFF} # time1 { width:860px高度：100 px；margin:autofont-size :75 px；文本对齐：居中；} # time 2 { font-size :125 px；文本对齐：居中；}/style script type=' text/JavaScript '函数start time()//显示日期的函数{ var today=new Date()；//创建日期时间对象var n=today . getfullyear()；//获取当前时间的年份var m=today . getmonth()；//获取当前时间的月份var d=today . getdate()；//获取当前时间的日期var h=today . gethours()；//获取当前时间的小时var f=today . getminutes()；//获取当前时间var s=today.getSeconds()的分钟数；//获取当前时间var weekday的秒数=new Array(7)；//创建周数组weekday[0]=' Sunday '；工作日[1]='星期一'；工作日[2]='星期二'；工作日[3]='星期三'；工作日[4]='星期四'；工作日[5]='星期五'；工作日[6]='周六'；document.getElementById('time1 ')。innerHTML=weekday[d ^ 1]' ' n '-'(m ^ 1)'-' check time(d)；f=CheckTiME(f)；s=检查时间；document.getElementById('time2 ')。innerHTML=h ' : ' f ' :s；t=setTimeout('startTime()'，500)；}函数checkTime(i)//日期检查函数{ if(i10){ return I=' 0 ' I；} else { return I；} }/脚本/头像！- body标签调用JS中的startTime()方法，即打开网页时显示当前年、月、日、时- body onload=' starttime()'！-封装整个显示日期范围-div class=' date '！-显示当前年、月、日-div id=' time1'/div！-根据当前北京时间-div id=' time 2 '/div/div/body/html查看运行结果：

通过制作一个简单的时钟效果，可以学习JavaScript的Date对象，加深对Date对象的理解，希望对大家的学习有所帮助。