JS 简单钟表

Posted 2020-09-09

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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 onLoad="startTime()">
<p id="txt"></p>
</body>
</html>

以上是关于JS 简单钟表的主要内容，如果未能解决你的问题，请参考以下文章