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>
  • 相关阅读:
    (8)ftp配置文档
    (6)centos安装和解压
    (8)python tkinter-画布
    (7)python tkinter-菜单栏
    (6)python tkinter-容器、子窗体
    (5)python tkinter-单选、多选
    bzoj1096 [ZJOI2007]仓库建设
    hdu3507 Print Article(斜率DP优化)
    bzoj1996 [Hnoi2010]chorus 合唱队
    跳石头
  • 原文地址:https://www.cnblogs.com/zhuni/p/4705564.html
Copyright © 2011-2022 走看看