首页 > 代码库 > JS 简单钟表

JS 简单钟表

<!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 onl oad="startTime()">
<p id="txt"></p>
</body>
</html>

  

JS 简单钟表