炫酷的时间样式HTML,js动态炫酷数字时钟

这是一款使用js和CSS制作的动态炫酷数字时钟。该js数字时钟采用LED数字时钟样式，效果十分逼真。

使用方法

HTML结构

该js数字时钟的HTML结构如下：

CSS样式

为该js数字时钟添加下面的css样式。

.clock {

height:200px;

position:absolute;

top:50%;

left:50%;

width:900px;

margin-left:-450px;

margin-top:-100px;

text-align:center;

}

.digit {

width:120px;

height:200px;

margin:0 5px;

position:relative;

display:inline-block;

}

.digit .segment {

background:#c00;

border-radius:5px;

position:absolute;

opacity:0.15;

transition:opacity 0.2s;

-webkit-transition:opacity 0.2s;

-ms-transition:opacity 0.2s;

-moz-transition:opacity 0.2s;

-o-transition:opacity 0.2s;

}

.digit .segment.on, .separator {

opa