<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>2008北京奥运会倒计时@阿良.NET</title>
<meta name="generator" content="editplus" />
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<script type="text/javascript">
/*版权所有阿良.NET
http://www.chenjiliang.com/Article/View.aspx?ArticleID=3465&TypeID=31*/
window.onload = OlympicCountdown;
function OlympicCountdown()
{
var futureDate = new Date(2008, 7, 8, 20);//开幕时间注意8月要减1,所以是7
var messageExceedTime="2008北京奥运会已经开幕";
var message = Countdown(futureDate, messageExceedTime);
document.getElementById("OlympicCountdownDiv").innerHTML = message;
if (message == messageExceedTime)
return;
setTimeout("OlympicCountdown()", 1000);
}
//倒计时,如果超出将来日期,返回messageExceedTime;否则返回倒计时间
function Countdown(futureDate, messageExceedTime)
{
var now = new Date();
if (now >= futureDate)
{
// alert(messageExceedTime);
return messageExceedTime;
}
var days = 0;
var hours = 0;
var minutes = 0;
var seconds = 0;
var total = futureDate.getTime() - now.getTime();
var x = 24 * 60 * 60 * 1000;
days = total / x;
days = Math.floor(days);
total = total % x;
x = 60 * 60 * 1000;
hours = total / x;
hours = Math.floor(hours);
total = total % x;
x = 60 * 1000;
minutes = total / x;
minutes = Math.floor(minutes);
total = total % x;
x = 1000;
seconds = total / x;
seconds = Math.floor(seconds);
var message = "";
if (days > 0)
message += days + "天";
if (hours > 0)
message += hours + "小时";
else
{
if (message != "")
message += "0小时";
}
if (minutes > 0)
message += minutes + "分";
else
{
if (message != "")
message += "0分";
}
if (seconds > 0)
message += seconds + "秒";
else
{
if (message != "")
message += "0秒";
}
// alert(message);
return message;
}
</script>
<style type="text/css">
body
{
text-align:center; font-weight:bold; font-family:verdana; font-size:38px;
}
</style>
</head>
<body>
<p>
2008北京奥运会倒计时
<p>
离2008-8-8 20:00还有
</p>
</p>
<div id="OlympicCountdownDiv">
</div>
</body>
</html>