时钟效果显示走秒

 

<script type="text/javascript">
var timer;
function disptime(){
 var today = new Date(); //获得当前时间
 var hh = today.getHours();  //获得小时、分钟、秒
 var mm = today.getMinutes();
 var ss = today.getSeconds();
  /*设置div的内容为当前时间*/
 document.getElementById("myclock").innerHTML="<h1>现在是:"+hh+":"+mm+":"+ss+"<h1>";
/*
  使用setTimeout在函数disptime()体内再次调用setTimeout
  设置定时器每隔1秒(1000毫秒),调用函数disptime()执行,刷新时钟显示
  var timer = setTimeout("disptime()", 1000);
*/
}
function interval()
{
    /*使用setInterval()每间隔指定毫秒后调用disptime()*/
    timer = setInterval("disptime()",1000);
}
</script>
</head>

<body onload="interval()">
<div id="myclock"></div>
</body>
</html>

 

posted @ 2013-11-16 11:33  914556495  阅读(307)  评论(0编辑  收藏  举报