JavaScript实现数字时钟功能

2018-06-24 00:55:01来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

<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>

图片下载

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:leaflet实现风场流动

下一篇:JavaScript学习笔记(十二)——箭头函数(Arrow Function)