<!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>
<script language="javascript" src="jquery.js"></script>
<script type="text/javascript">
<!--
//倒计时模块
function init(time)
{
var arr = new Array(2);
if(time>=0&&time<=9)
{
arr[0] = 0;
arr[1] = time;
}
else if(time>=10&&time<=99)
{
arr[0] = Math.floor(time/10);
arr[1] = time%10;
}
else
{
alert("当前脚本发生错误!");
return ;
}
return arr;
}
$(function(){
var endDateString = "september 5, 2011 9:53";
var now = new Date();
var arr = now.toString().split(" ");
if(navigator.appName.indexOf("Internet Explorer")!=-1)
nowString = arr[1]+' '+arr[2]+','+arr[5]+' '+arr[3];
else if(navigator.appName.indexOf("Netscape")!=-1)
{
nowString = arr[1]+' '+arr[2]+','+arr[3]+' '+arr[4];
}
var diff = (Date.parse(endDateString)-Date.parse(nowString))/1000;
if(diff<0)
{
return ;
}
var hours = Math.floor(diff/3600);
diff = diff%3600;
var minutes = Math.floor(diff/60);
var seconds = diff%60;
var a = init(hours);
if(a==undefined)
return ;
var hour_1=a[0],hour_2=a[1];
a = init(minutes);
var minute_1=a[0],minute_2=a[1];
a = init(seconds);
var second_1=a[0],second_2=a[1];
$("#div").text(""+hour_1+hour_2+":"+minute_1+minute_2+":"+second_1+second_2);
setTimeout(function(){
$("#div").text(""+hour_1+hour_2+":"+minute_1+minute_2+":"+second_1+second_2);
if(hours==0&&minutes==0&&seconds==0)
{
$("#status_on").removeClass("btn_status_on").addClass("btn_status_over").text("已售完");
return ;
}
else
{
if(seconds!=0)
seconds = seconds - 1;
else
{
seconds = 59;
if(minutes!=0)
minutes = minutes - 1;
else
{
minutes = 59;
if(hours!=0)
hours = hours -1;
}
}
}
a = init(hours);
hour_1=a[0],hour_2=a[1];
a = init(minutes);
minute_1=a[0],minute_2=a[1];
a = init(seconds);
second_1=a[0],second_2=a[1];
setTimeout(arguments.callee,1000);
},1000);
});
//-->
</script>
</head>
<body>
<div id="div" >
</div>
</body>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script language="javascript" src="jquery.js"></script>
<script type="text/javascript">
<!--
//倒计时模块
function init(time)
{
var arr = new Array(2);
if(time>=0&&time<=9)
{
arr[0] = 0;
arr[1] = time;
}
else if(time>=10&&time<=99)
{
arr[0] = Math.floor(time/10);
arr[1] = time%10;
}
else
{
alert("当前脚本发生错误!");
return ;
}
return arr;
}
$(function(){
var endDateString = "september 5, 2011 9:53";
var now = new Date();
var arr = now.toString().split(" ");
if(navigator.appName.indexOf("Internet Explorer")!=-1)
nowString = arr[1]+' '+arr[2]+','+arr[5]+' '+arr[3];
else if(navigator.appName.indexOf("Netscape")!=-1)
{
nowString = arr[1]+' '+arr[2]+','+arr[3]+' '+arr[4];
}
var diff = (Date.parse(endDateString)-Date.parse(nowString))/1000;
if(diff<0)
{
return ;
}
var hours = Math.floor(diff/3600);
diff = diff%3600;
var minutes = Math.floor(diff/60);
var seconds = diff%60;
var a = init(hours);
if(a==undefined)
return ;
var hour_1=a[0],hour_2=a[1];
a = init(minutes);
var minute_1=a[0],minute_2=a[1];
a = init(seconds);
var second_1=a[0],second_2=a[1];
$("#div").text(""+hour_1+hour_2+":"+minute_1+minute_2+":"+second_1+second_2);
setTimeout(function(){
$("#div").text(""+hour_1+hour_2+":"+minute_1+minute_2+":"+second_1+second_2);
if(hours==0&&minutes==0&&seconds==0)
{
$("#status_on").removeClass("btn_status_on").addClass("btn_status_over").text("已售完");
return ;
}
else
{
if(seconds!=0)
seconds = seconds - 1;
else
{
seconds = 59;
if(minutes!=0)
minutes = minutes - 1;
else
{
minutes = 59;
if(hours!=0)
hours = hours -1;
}
}
}
a = init(hours);
hour_1=a[0],hour_2=a[1];
a = init(minutes);
minute_1=a[0],minute_2=a[1];
a = init(seconds);
second_1=a[0],second_2=a[1];
setTimeout(arguments.callee,1000);
},1000);
});
//-->
</script>
</head>
<body>
<div id="div" >
</div>
</body>
</html>
ps:注意在本地引入jquery.js的文件。
代码中红色标记那行代码是你需要修改的截至日期。。。。。。。。。。。。如截至日期在当前时间之前,则不会显示。