(006)数码时钟 

<html>
    <head>
        <meta http-equiv="content-Type" content="text/html;charset=utf-8">
        <style type="text/css">
            body {
                color: #ffff00;
                background: #abcdef;
                font-size: 25px;
            }
        </style>
        <script type="text/javascript">

            function toDouble(num)
            {
                if(num < 10)
                {
                    return "0" + num;
                }
                else 
                {
                    return "" + num;
                }
            }

            function updateTime() {

                var date = new Date();

                var imgNodes = document.getElementsByTagName("img");

                var str =  toDouble(date.getHours()) + "" + toDouble(date.getMinutes()) + "" + toDouble(date.getSeconds());

                for(var i = 0; i < imgNodes.length; i++)
                {
                    imgNodes[i].src = "clockImages/" + str.charAt(i) +".png";
                }
            }

            window.onload = function() {

                updateTime();
                setInterval(updateTime,1000);
            };
        
        </script>
    </head>
    <body>
        <img src="clockImages/0.png"> <img src="clockImages/0.png"> 时
        <img src="clockImages/0.png"> <img src="clockImages/0.png"> 分
        <img src="clockImages/0.png"> <img src="clockImages/0.png"> 秒
        <br/>
        <!-- <input type = "button" id = "updateTimeBtn" value="更新时间">  -->
    </body>
</html>

 

posted @ 2013-11-25 22:14  雪中飞雁  阅读(83)  评论(0)    收藏  举报