【罗盘时钟---使用html,js,css编写。附源代码及效果，retrofit面试

demo.css

*{

margin:0;

padding:0

}

html,body{

width:100%;

height:100%;

background-color:#000;

overflow:hidden

}

#clock{

position:relative;

width:100%;

height:100%;

background:#000

}

.label{

display:inline-block;

color:#4d4d4d;

text-align:center;

padding:0 5px;

font-size:19px;

transition:left 1s,top 1s;

transform-origin:0% 0%

}

demo.js

var monthText=[“一月”,“二月”,“三月”,“四月”,“五月”,“六月”,“七月”,“八月”,“九月”,“十月”,“十一月”,“十二月”];

var dayText=[“零一号”,“零二号”,“零三号”,“零四号”,“零五号”,“零六号”,“零七号”,“零八号”,“零九号”,“十号”,“十一号”,“十二号”,“十三号”,“十四号”,“十五号”,“十六号”,“十七号”,“十八号”,“十九号”,“二十号”,“二十一号”,“二十二号”,“二十三号”,“二十四号”,“二十五号”,“二十六号”,“二十七号”,“二十八号”,“二十九号”,“三十号”,“三十一号”];

var weekText=[“星期日”,“星期一”,“星期二”,“星期三”,“星期四”,“星期五”,“星期六