如何用JavaScript在页面上显示一个时间钟表

最新推荐文章于 2020-09-20 23:45:27 发布

转载最新推荐文章于 2020-09-20 23:45:27 发布 · 269 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/wjw-blog/p/4871045.html

文章标签：

#javascript #前端 #ViewUI

本文介绍了一种使用JavaScript实现的实时钟表效果，通过获取当前时间并利用函数更新页面显示来实现秒、分、时的动态变化。适用于前端开发者学习与参考。

<html>
<head>
<script type="text/javascript">
function myTime(){
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)
}

//add a '0' in front of numbers<10
function checkTime(i);
{
if(i<10)
{i="0" + 1}
return i;
}
</script>
</head>
<body onload="startTime()">
<div id="txt"></div>
</body>
</html>

转载于:https://www.cnblogs.com/wjw-blog/p/4871045.html