JavaScript实现数字时钟功能

<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<center>
<body style="background: #4A4848;font-size: 30px;padding-top: 50px;">
<img src="images/0.png" />
<img src="images/0.png" />
:
<img src="images/0.png" />
<img src="images/0.png" />
:
<img src="images/0.png" />
<img src="images/0.png" />
<script>
    function bijiao(n) 
    {
        if(n<10)
            {
                return '0'+n;
            }
        else
            {   
                return ''+n;
            }
    }
    function tick()
    {    
    var aimg=document.getElementsByTagName('img');
    var odata= new Date();
    var str=bijiao(odata.getHours())+bijiao(odata.getMinutes())+bijiao(odata.getSeconds());
            for(var i=0;i<aimg.length;i++)
        {
            aimg[i].src='images/'+str.charAt(i)+'.png';
        }
    }
    setInterval(tick,1000);
    tick();
</script>
</body>
</center>
</html>

图片下载

来源：https://www.cnblogs.com/xinlvtian/p/7929214.html

标签

png

var

易学教程内所有资源均来自网络或用户发布的内容，如有违反法律规定的内容欢迎反馈！
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!