定时器钟表JSCode

JS源码图片

CSS源码

<style>
        *{
            margin: 0;
            padding: 0;
            list-style: none;

        }
        #box{
            width: 300px;
            height: 300px;
            background:url("img/time01.jpg") no-repeat;
            margin: 10px auto;
            position: relative;
        }
        #hour,#min,#second{
            position: absolute;
            left:50%;
            top:0;
            width: 240px;
            height: 290px;
            margin-left: -108px;
        }
        #hour{
            background: url("img/time02.jpg") no-repeat center;

        }
        #min{
            background: url("img/time03.jpg") no-repeat center center;
        }
        #second{
            background: url("img/time04.jpg") no-repeat center center;
        }

       </style>