Html
    Css
    Js

    
                        
.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;
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.11.3
 立即下载

(原创)js+css+html时钟

下面获取到当前的时间上面显示出来

0