javascript数字时钟

最新推荐文章于 2025-09-07 22:29:54 发布

weixin_30828379

最新推荐文章于 2025-09-07 22:29:54 发布

阅读量72

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/xianglongsdu/p/4452698.html

本文介绍了一种使用JavaScript实现网页上实时显示当前时间的方法。通过定义startTime()函数并在页面加载时启动，可以每秒更新页面上的时间显示。此外，还提供了一个checkTime()辅助函数确保个位数的时间前面加上零。

<html>
<head>
<script type="text/javascript">
    function startTime()
    {  
    var today=new Date()
    var h=today.getHours()
    var m=today.getMinutes()
    var s=today.getSeconds()
    // add a zero in front of numbers<10
    m=checkTime(m)
    s=checkTime(s)
    document.getElementById('txt').innerHTML=h+":"+m+":"+s
    t=setTimeout('startTime()',1000)
    }

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

<body onload="startTime()">

    <div id="txt"></div>

</body>
</html>