JS定时器的使用--数码时钟

最新推荐文章于 2020-05-14 17:47:03 发布

weixin_30483013

最新推荐文章于 2020-05-14 17:47:03 发布

阅读量139

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/919czzl/p/4314074.html

本文介绍了一个使用JavaScript实现的数码时钟项目，通过定时更新页面上的图片来显示当前时间。文章包含了完整的代码示例，并提到了解决浏览器兼容性问题的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<title>无标题文档</title>
<script>
function toDou(n){
    if(n<10){
        return '0'+n;
        }else{
            return ''+n;  //保证返回的都是字符串，避免放在一起成了相加
            }
    }
window.onload=function (){
    var aImg=document.getElementsByTagName('img');
    function tick(){
         var oDate=new Date();
    var str=toDou(oDate.getHours())+toDou(oDate.getMinutes())+toDou(oDate.getSeconds());
    for(var i=0;i<aImg.length;i++){
        aImg[i].src='images/'+str.charAt(i)+'.gif';
        }
        }
    setInterval(tick,1000);
    tick();
    };
</script>
</head>

<body style="background:#999; color:white;">
<img src="images/0.gif">
<img src="images/0.gif">
:
<img src="images/0.gif">
<img src="images/0.gif">
:
<img src="images/0.gif">
<img src="images/0.gif">
</body>