除了前边我所讲的那些动态效果外，动态HTML还可以显示时间，或通过时间来进行动态的设计交互式网页。具体步骤如下：
1.通过调用函数Date()和关键字new创建一个时间对象，如语句：today=new Date();将创建时间对象today；
2.利用这个时间对象的getYear、getMouth、getDate、getDay、getHours、getMinutes和getSeconds等方法得到时间；
3.利用得到的时间进行判断和相应的操作；
4.在HTML文档中输出结果。
下面是一个显示当日的年份、月份和星期的简单例子。
例21 显示当天的年月日和星期
<html>
<head>
<title>DHtml举例21</title>
<style><!--
body {font-size:9pt;color:blue}
</style>
<scriptlanguage="JavaScript">
var today;
var day;
var date;
today=new Date(); //此语句通过调用函数Date()和关键字new将today变成了一个时间对象
//通过时间对象today的getDay方法确定星期几，并将相应的字符串赋给变量day
if(today.getDay()==0) day="星期日 ";
if(today.getDay()==1) day="星期一 ";
if(today.getDay()==2) day="星期二 ";
if(today.getDay()==3) day="星期三 ";
if(today.getDay()==4) day="星期四 ";
if(today.getDay()==5) day="星期五 ";
if(today.getDay()==6) day="星期六 ";
//变量date用于存储年月日
date=(today.getYear())+"年"+(today.getMonth()+1)+"月"+today.getDate()+"日 ";
//在HTML文档中输出"年月日"和"星期"
document.write(date);
document.write(day);
</script>
</head>
<body>
</body>
</html>我们还可以通过获得时间判断是上午、下午或是晚上，然后相应的在网页中输出问候语：“早上好”、“下午好”或“晚上好”。
例22 给您一个问候
<html>
<head>
<title>DHtml举例22</title>
<style><!--
body {font-size:9pt;color:blue}
</style>
<scriptlanguage="JavaScript">
var today;
var hello;
today=new Date(); //此语句通过调用函数Date()和关键字new将today变成了一个时间对象
//通过对象today的getHours方法确定时间是商务、下午还是晚上，并将相应的问候语字符串赋给变量hello
if(today.getHours()<=12) hello="早上好! ";
if(12<today.getHours()<=18) hello="下午好! ";
if(today.getHours()>18) hello="晚上好! ";
//在HTML文档中输出当前的具体时间
document.write(hello);
document.write("现在是"+today.getHours()+":"+today.getMinutes()+":"+today.getSeconds()+"。");
</script>
</head>
<body>
</body>
</html>