JS实现简易刻度时钟示例代码

      *{

        margin: 0;

        padding: 0;

        list-style: none;

      }

      #wrap{

        width: 200px;

        height: 200px;

        border: 1px solid #000;

        border-radius: 50%;

        margin: 20px auto;

        position: relative;

      }

      #wrap ul{

        position: relative;

      }

      #wrap ul li{

        width: 2px;

        height: 6px;

        background: #000;

        position: absolute;

        left: 99px;

        top: 0;

        -moz-transform-origin: center 100px;

      }

      #wrap ul li:nth-child(5n){

        height: 10px;

      }

      #con{

        width: 10px;

        height: 10px;

        background: #000;

        border-radius: 50%;

        position: absolute;

        left: 95px;

        top: 95px;

      }

      #hour{

        width: 5px;

        height: 70px;

        background: red;

        border-radius: 50%;

        position: absolute;

        left: 98px;

        top: 35px;

        -moz-transform-origin: center 65px;

      }

      #min{

        width: 3px;

        height: 85px;

        background: #000;

        border-radius: 50%;

        position: absolute;

        left: 98.5px;

        top: 20px;

        -moz-transform-origin: center 80px;

      }

      #sec{

        width: 2px;

        height: 100px;

        background: gray;

        border-radius: 50%;

        position: absolute;

        left: 98.5px;

        top: 20px;

        -moz-transform-origin: center 80px;

      }