安装如下步骤操作：
1.在电脑磁盘空白出右键-新建，点击文档
2.将文档命名为index，用记事本打开
3.
写入一下代码，如图：
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html"/>
<title>时间的动态显示</title>
</head>
<body>
</body>
</html>
4.在html头部写入获取时间的代码，如图
<script language="javascript">
var t = null
t = setTimeout(time,1000)//开始执行
function time()
{
clearTimeout(t)//清除定时器
dt = new Date()
var y=dt.getYear()+1900
var mm=dt.getMonth()+1
var d=dt.getDate()
var weekday=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"]
var day=dt.getDay()
var h=dt.getHours()
var m=dt.getMinutes()
var s=dt.getSeconds()
if(h<10){h="0"+h}
if(m<10){m="0"+m}
if(s<10){s="0"+s}
document.getElementById("timeShow").innerHTML = "现在的时间为："+y+"年"+mm+"月"+d+"日"+weekday[day]+"
"+h+":"+m+":"+s+""
t = setTimeout(time,1000)//设定定时器，循环执行
}
</script>
5.
在内容部分写入div标签，并附上ID，用来加载时间的载体。如图：
<div id="timeShow" class="time1"></div>
6.在头部写入div的样式如图，并保存
<style>
.time1{width:100%height:50pxbackground:#FFF000line-height:50pxtext-align:center}
</style>
7.保存后，将文件后缀命名为html。点击查看，勾选文件扩展名
8.文件后缀命名由txt改为html
9.使用浏览器打开文件
10.可以看到编写的文件，网页显示时间了
可以用javascript，先创建Date对象的实例（也叫做对象的引用）。创建实例的语法有如下三种。
var newDateObj = new Date()
var newDateObj = new Date(dateVal)
var newDateObj = new Date(year, month, date[, hours[, minutes[, seconds[,ms]]]])
例如，var D = new Date()。
方法1，是无参数调用，创建后对象D中含有计算机的系统日期和时间。
方法2，dateVal参数是数值或表示日期时间的字符串。如果是数字值，dateVal 表示指定日期与 1970 年 1 月 1 日午夜间全球标准时间的毫秒数。如果是字符串，则 dateVal 按照 parse 方法中的规则进行解析。dateVal 参数也可以是从某些 ActiveX(R) 对象返回的 VT_DATE 值。
方法3，用参数直接为新建对象提供日期和时间的数据。
建立了Date对象以后，就可以使用get方法取得日期或时间的值，返回值一般是数值型的。用set方法给一个Date型对象设置数据。Date的方法函数的语法一般格式为：
D.getXXXX() 和 D.setXXXX( variable list)
拓展资料：
HTML是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容（如：文字如何处理，画面如何安排，图片如何显示等）。
浏览器按顺序阅读网页文件，然后根据标记符解释和显示其标记的内容，对书写出错的标记将不指出其错误，且不停止其解释执行过程，编制者只能通过显示效果来分析出错原因和出错部位。
但需要注意的是，对于不同的浏览器，对同一标记符可能会有不完全相同的解释，因而可能会有不同的显示效果。
在网页中动态的显示日期时间，一般都是使用js来实现
<html><head>
<title>网页中动态的显示系统日期时间</title>
<script language="JavaScript">
function startTime()
{
var today=new Date()//定义日期对象
var yyyy = today.getFullYear()//通过日期对象的getFullYear()方法返回年
var MM = today.getMonth()+1//通过日期对象的getMonth()方法返回年
var dd = today.getDate()//通过日期对象的getDate()方法返回年
var hh=today.getHours()//通过日期对象的getHours方法返回小时
var mm=today.getMinutes()//通过日期对象的getMinutes方法返回分钟
var ss=today.getSeconds()//通过日期对象的getSeconds方法返回秒
// 如果分钟或小时的值小于10，则在其值前加0，比如如果时间是下午3点20分9秒的话，则显示15：20：09
MM=checkTime(MM)
dd=checkTime(dd)
mm=checkTime(mm)
ss=checkTime(ss)
var day //用于保存星期（getDay()方法得到星期编号）
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 = "星期六 "
document.getElementById('nowDateTimeSpan').innerHTML=yyyy+"-"+MM +"-"+ dd +" " + hh+":"+mm+":"+ss+" " + day
setTimeout('startTime()',1000)//每一秒中重新加载startTime()方法
}
function checkTime(i)
{
if (i<10){
i="0" + i
}
return i
}
</script>
</head>
<body onload="startTime()">
当前时间：<font color="#33FFFF"><span id="nowDateTimeSpan"></span></font>
</body>
</html>
附上“倒计时”功能代码：
<p id="p">距离2013/01/01年还剩000天0000时0000分0000秒</p><script type="text/javascript">
function setTimer(){
var targetDate = document.getElementById("target").value
var taget = new Date(targetDate)
var now = new Date()
var plus = taget.getTime() - now.getTime()<!--得到的是毫秒-->
var day = parseInt(plus/1000/60/60/24)
var hour = parseInt(plus/1000/60/60) - day * 24
var minute = parseInt(plus/1000/60) - parseInt(plus/1000/60/60)*60
var second = parseInt(plus/1000) - parseInt(plus/1000/60)*60
document.getElementById("p").innerHTML = "距离"+targetDate+"还剩" + day + "天" + hour + "时" + minute + "分" + second + "秒"
}
setInterval(setTimer,1000)
</script>
