<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<script>
function startTime()
{
var d = new Date(); //声明一个Date对象，默认是当前时间
var h = d.getHours(); //以下分别获取d的小时，分钟，秒
var m = d.getMinutes();
var s = d.getSeconds();
s=checkTime(s);
m=checkTime(m); //调用checkTime() 用来检验分秒的格式
document.getElementById("txt").innerHTML=h+":"+m+":"+s; //设置显示的格式
t=setTimeout(‘startTime()‘,500); //每500ms调用一次startTime()函数，用于产生动态的钟表效果
}
function checkTime(i) //让分秒的值在小于10的情况下以0X的格式计时
{
if(i<10)
{i="0"+i;}
return i;
}
</script>
</head>
<body onLoad="startTime()">
<p id="txt"></p>
</body>
</html>
原文：http://www.cnblogs.com/yogi/p/6683757.html