最近在项目中接触了倒计时的实现效果，就自己整理了下。

1.html代码

倒计时效果

2.css代码：
h1 {
font-family:"微软雅黑";
font-size:40px;
margin:20px 0;
border-bottom:solid 1px #ccc;
padding-bottom:20px;
letter-spacing:2px;
}
.time-item strong {
background:#C71C60;
color:#fff;
line-
font-size:36px;
font-family:Arial;
padding:0 10px;
margin-right:10px;
border-radius:5px;
box-shadow:1px 1px 3px rgba(0,0,0,0.2);
}
#day_show {
float:left;
line-
color:#c71c60;
font-size:32px;
margin:0 10px;
font-family:Arial,Helvetica,sans-serif;
}
.item-title .unit {
background:none;
line-
font-size:24px;
padding:0 10px;
float:left;
}

3.javascript代码：