码迷,mamicode.com
首页 > Web开发 > 详细

JS 简单钟表

时间:2017-04-09 10:57:29      阅读:190      评论:0      收藏:0      [点我收藏+]

标签:art   document   start   set   utf-8   标题   seconds   函数   logs   

<!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 简单钟表

标签:art   document   start   set   utf-8   标题   seconds   函数   logs   

原文地址:http://www.cnblogs.com/yogi/p/6683757.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!