.clockKuang { width:300px; height:300px; border-radius:50%; border:2px solid #F06; } .centerdian { width:20px; height:20px; border-radius:50%; margin-left:140px; margin-top:140px; background-color:#F06; position:absolute; z-index:1; } .eswndian { width:30px; height:30px; font-size:24px; color:#000; position:relative; } .edian { float:right; text-align:right; margin-top:136px; } .sdian { margin-top:273px; margin-left:140px; } .wdian { float:left; text-align:left; margin-top:-169px; } .ndian { margin-top:-306px; margin-left:136px; } .centerdian .pxianshi { width:100px; position:absolute; z-index:5; margin-top:10px; margin-left:-41px; } .centerdian .pxianfen { width:140px; position:absolute; z-index:6; margin-top:10px; margin-left:-62px; } .centerdian .pxianmiao { width:200px; position:absolute; z-index:7; /*transform:rotate(90deg); */ margin-top:10px; margin-left:-90px; } .pxianshi div { width:50px; border-bottom:5px solid #F06; float:left; } .pxianfen div { width:70px; border-bottom:3px solid #F06; float:left; } .pxianmiao div { width:100px; border-bottom:1px solid #F06; float:left; }
下面获取到当前的时间上面显示出来