<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>通俗易懂的jquery倒计时</title>
<script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
<style>
body {
background-color:black;
}
#box1 {
color:#fff;
font-size:30px;
text-align:center;
}
</style>
</head>
<body>
<div id="box1"></div>
<script>
$(function() {
setInterval(timer, 1000);
function timer() {
var endtime = new Date("2080/04/22 00:00:00");
var now = new Date();
var t = endtime.getTime() - now.getTime();
if (t > 0) {
var tian = Math.floor(t / 1000 / 60 / 60 / 24);
var h = Math.floor(t / 1000 / 60 / 60 % 24);
var m = Math.floor(t / 1000 / 60 % 60);
var s = Math.floor(t / 1000 % 60);
var str = "距离2080年04月22号:" + tian + " 天 " + h + " 小时 " + m + " 分 " + s + " 秒 ";
$("#box1").html(str);
} else {
clearInterval(timer1);
$("#box1").html("元旦已经结束");
}
}
});
</script>
</body>
</html>