zoukankan      html  css  js  c++  java
  • 数字钟的制作

    1.用Date来创建一个对象的时候得到的有0123456....这些在显示的时候是不符合规范的,所以想到用''+..使其变成字符串,然后用加号将那些字符串进行连接起来。

    2.在获取字符串每个数字的时候可以直接用dateString[i]来遍历。

    3.aImg[i].src = 'images/'+dateString[i]+'.png'; 在js中写这句话的时候src并不需要用""引起来。

    4.使用不带圆括号的函数名是访问函数指针,而非调用函数。在开定时器的时候就是传入的函数指针。或者直接把函数写在里面,setInterval(function(){},1000);

    <!DOCTYPE html>
    <html>
    <head lang="en">
        <meta charset="UTF-8">
        <title></title>
        <style type="text/css">
            *
            {
                margin: 0;
                padding: 0;
            }
            body
            {
                background-image: url(images/bg.png);
                color: white;
            }
    
        </style>
    </head>
    <body>
    <div id="div1">
        <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"/>
    </div>
    <script type="text/javascript">
        function toString (n)
        {
            if (n<10)
            {
                return('0'+n);
            }
            else
            {
                return(''+n);
            }
    
        }
        function tick () {
            var date = new Date();
            var dateString = toString(date.getHours())+toString(date.getMinutes())+toString(date.getSeconds());
            var aImg = document.getElementsByTagName('img');
            for(var i=0;i<aImg.length;i++)
            {
                aImg[i].src = 'images/'+dateString[i]+'.png';
            }
    
        }
        setInterval(tick,0);
    
    
    </script>
    
    </body>
    </html>
  • 相关阅读:
    DP 水题 最长不下降子序列
    数的划分
    水题------纪念品分组
    NY95 众数问题
    NY86 找球号(一)
    C3-Zexal的矩阵链乘
    C3-Zexal的多路流水线调度
    C4-Zexal的食物链
    C4-排列
    C3-炮弹杀伤力
  • 原文地址:https://www.cnblogs.com/zhuni/p/4705564.html
Copyright © 2011-2022 走看看