js团购页面倒计时器特效代码

作者：简简单单 2013-05-15

提示：您可以先修改部分代码再运行

<!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>
</head>
<script language=JavaScript>
var endtimes=new Array();//ʱ
endtimes[0]="4/6/2010 9:03:00";
endtimes[1]="4/6/2010 9:04:20";
endtimes[2]="4/8/2010 9:05:00";
endtimes[3]="4/9/2010 9:05:00";
var nowtimes;
function givetime(){
nowtimes=new Date("4/6/2010 9:03:00");//ǰʱ
window.setTimeout("DownCount()",1000)
}
function DownCount(){
nowtimes=Number(nowtimes)+1000;
for(var i=0;i<=3;i++)
{
var theDay=new Date(endtimes[i]);
theDay=theDay++;
if(theDay<=nowtimes)
{
document.getElementById("times"+i).innerHTML = "00Сʱ00ӣ00";
}
else{
timechange(theDay,i);
}
}
window.setTimeout("DownCount()",1000)
}
function timechange(theDay,i){
var theDays=new Date(theDay);
var seconds = (theDays - nowtimes)/1000;
var minutes = Math.floor(seconds/60);
var hours = Math.floor(minutes/60);
var days = Math.floor(hours/24);
var CDay= days;
var CHour= hours % 24;
var CMinute= minutes % 60;
var CSecond= seconds % 60;
var CHour=CHour+CDay*24;
if(CMinute<10)
{
CMinute="0"+CMinute;
}
if(CHour<10)
{
CHour="0"+CHour;
}
if(CSecond<10)
{
CSecond="0"+CSecond;
}
document.getElementById("times"+i).innerHTML = CHour + "小时，" + CMinute + "分钟，" + CSecond + "秒";
}
</script>
<BODY onload="givetime()">
<table border="0" cellSpacing="0" cellPadding="0" width="100%" align="center" style="font-size:9pt">
<tr><td align="center">
距亚运会开幕还有：
<div id="times0"></div>
<div id="times1"></div>
<div id="times2"></div>
<div id="times3"></div>
</td></tr>
</table>
</body>
</html></td>
	  </tr>
	</table>

提示：您可以先修改部分代码再运行

上一个：javascript 展示开层/关闭层/移动层动画效果下一个：一款简单js点击文字显示隐藏信息效果

js团购页面倒计时器特效代码

相关文章

精彩推荐