<div class="main">
今天是:<span class="today"></span><br/>
春节时间是:<span>2016年02月07日 00:00:00</span><br/>
距离春节还有:<span class="countDown"></span>
</div>
<style>
*{margin: 0;padding: 0;list-style-type: none;}
.main{margin: 50px auto; width: 1200px; line-height: 35px;}
.main span{font-size: 24px; font-weight: bold; color: red;}
</style>
$(function(){
var oToday=$('.today');
var oCountDown=$('.countDown');
function day(){
var today=new Date();
var y=today.getFullYear();
var m=checkTime(today.getMonth()+1);
var d=checkTime(today.getDate());
var h=checkTime(today.getHours());
var t=checkTime(today.getMinutes());
var s=checkTime(today.getSeconds());
oToday.html(y+'年'+m+'月'+d+'日 '+h+':'+t+':'+s);
function checkTime(i){
if(i<10){
i='0'+i;
}
return i;
}
}
setInterval(day,1000);
function countDown(){
var start=new Date().getTime(); //获取当前时间毫秒数
var end=new Date("2016/02/07 00:00:00").getTime(); //获取目标时间毫秒数
var distance=end-start; //获取时间差毫秒数
var day=Math.floor(distance/86400000); //天数
distance-=day*86400000;
var hour=Math.floor(distance/3600000); //小时
distance-=hour*3600000;
var minute=Math.floor(distance/60000); //分钟
distance-=minute*60000;
var second=Math.floor(distance/1000); //秒数
if(day<10){
day='0'+day;
}
if(hour<10){
hour='0'+hour;
}
if(minute<10){
minute='0'+minute;
}
if(second<10){
second='0'+second;
}
oCountDown.html(day+'天'+hour+'时'+minute+'分'+second+'秒');
}
setInterval(countDown,1000);
});