<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
<!--
var target = []
var time_id = []
function show_date_time_0() {
setTimeout("show_date_time_0()", 1000);
for (var i = 0, j = target.length; i < j; i++) {
today = new Date();
timeold = target[i] - today.getTime();
sectimeold = timeold / 1000;
secondsold = Math.floor(sectimeold);
msPerDay = 24 * 60 * 60 * 1000;
e_daysold = timeold / msPerDay;
daysold = Math.floor(e_daysold);
e_hrsold = (e_daysold - daysold) * 24;
hrsold = Math.floor(e_hrsold);
e_minsold = (e_hrsold - hrsold) * 60;
minsold = Math.floor((e_hrsold - hrsold) * 60);
seconds = Math.floor((e_minsold - minsold) * 60);
if (daysold < 0) {
document.getElementById(time_id[i]).innerHTML = "逾期,倒计时已经失效";
}
else {
if (hrsold < 10) { hrsold = "0" + hrsold }
if (minsold < 10) { minsold = "0" + minsold }
if (seconds < 10) { seconds = "0" + seconds }
if (daysold < 3) {
document.getElementById(time_id[i]).innerHTML = "<font color=red>" + daysold + "天" + hrsold + "小时" + minsold + "分" + seconds + "秒</font>";
}
else {
document.getElementById(time_id[i]).innerHTML = daysold + "天" + hrsold + "小时" + minsold + "分" + seconds + "秒";
}
}
}
}
setTimeout("show_date_time_0()", 100);
//-->
</script>
</head>
<body>
距离2012年元旦节:
<div id="TimeCounter_0" style="border:1px solid black;margin:5px;padding:2px;width:140px"></div>
<script type="text/javascript">
//设定目标时间(数组元素)
//target[target.length]=new Date(年,月-1,日,时,分,秒).getTime()
target[target.length] = new Date(2012, 12, 01, 00, 00, 00).getTime();
//设定倒计时显示地址(数组元素)
time_id[time_id.length] = "TimeCounter_0"
</script>
距2012小光棍节(1.11):
<div id="TimeCounter_1" style="border:1px solid black;margin:5px;padding:2px;width:140px"></div>
<SCRIPT>
target[target.length] = new Date(2012, 0, 11, 00, 00, 00).getTime()
time_id[time_id.length] = "TimeCounter_1"
</SCRIPT>
距2012春节(2.2):
<div id="TimeCounter_3" style="border:1px solid black;margin:5px;padding:2px;width:140px"></div>
<SCRIPT>
target[target.length] = new Date(2012, 1, 2, 00, 00, 00).getTime()
time_id[time_id.length] = "TimeCounter_3"
</SCRIPT>
</body>
</html>
</form>
</body>
</html>
JS实现网站倒计时
最新推荐文章于 2024-04-28 17:03:19 发布