JavaScript-数码时钟

最新推荐文章于 2020-07-14 14:12:07 发布

Devinchu

最新推荐文章于 2020-07-14 14:12:07 发布

阅读量379

点赞数

分类专栏： JavaScript 文章标签：数码时钟

本文链接：https://blog.csdn.net/Devinchu/article/details/88967196

版权

JavaScript 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>数码时钟</title>
    <script type="text/javascript">
        /*数字不满足两位的前面加个0*/
        function toDou(n){
            if(n<10){
                return '0'+n;
            }else{
                return ''+n;
            }
        }

        /*str[i] 就等于 str.charAt(i)      兼容性问题*/
        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='img/'+str.charAt(i)+'.png';
                }
            }
            setInterval(tick,1000);
            tick();
            
        }
    </script>
</head>
<body style="background: #000; color: white;font-size:100px;">
    <img src="img/0.png" />
    <img src="img/0.png" />
    :
    <img src="img/0.png" />
    <img src="img/0.png" />
    :
    <img src="img/0.png" />
    <img src="img/0.png" />
</body>
</html>

Devinchu

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript-数码时钟

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>数码时钟</title> <script type="text/javascript"> /*数字不满足两位的前面加个0*/ ...
复制链接

扫一扫