话不多说，直接上代码。
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<script>
function startTime(){
var today= new Date();//创建对象
var h = today.getHours();//获取时
var m =today.getMinutes();//获取分
var s=today.getSeconds();//获取秒
var ms=today.getMilliseconds();//获取毫秒
m=checkTime(m);
s=checkTime(s);
document.getElementById("txt").innerHTML=h+":"+m+":"+s+":"+ms;//在页面输出时间
setTimeout('startTime()',1);//每隔一秒钟调用一次
}
function checkTime(i)
{
if (i<10) {
i="0" + i}
return i
}
</script>
</head>
<body onload="startTime()">
<div id ="txt"></div>
</body>
</html>
效果如图
知识点
onload 事件在页面载入完成后立即触发。
checkTime()函数 判断分 秒位数，如果是个位，则在前面加0，并把值赋值给 m s
利用延时调用函数setTimeout()，每隔一秒钟执行一次
