JS在页面中显示一个时钟

最新推荐文章于 2024-07-02 12:22:49 发布

原创最新推荐文章于 2024-07-02 12:22:49 发布 · 1.8k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#function #date #div

收录于

本文介绍了一个简单的HTML页面，该页面使用JavaScript实现动态显示当前时间的功能。通过每隔500毫秒更新一次页面上的时间，实现了时间的实时显示效果。

<html>
<head>
<script type="text/javascript">
function startTime()
{
var today=new Date()
var h=today.getHours()
var m=today.getMinutes()
var s=today.getSeconds()
m=checkTime(m)
s=checkTime(s)
document.getElementById('txt').innerHTML=h+":"+m+":"+s
t=setTimeout('startTime()',500)
}

function checkTime(i)
{
if (i<10) 
  {i="0" + i}
  return i
}
</script>
</head>

<body onload="startTime()">
<div id="txt"></div>
</body>
</html>