标签：倒计数效果

怎么做出淘宝倒计数效果？

胡子 | 学习随笔 | 2008-11-18 08:03:56 | 87 点击 | 0 评论

怎么做出淘宝倒计数效果？

计算出剩余秒数，
用JS转换成 X天X小时X分种X秒

然后一秒一秒自选减少

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

<!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=gb2312"/>
</head>
<body>
	<span id="lastTimeTimeOutDate"></span>天
	<span id="lastTimeTimeOutHour"></span>小时
	<span id="lastTimeTimeOutMinute"></span>分
	<span id="lastTimeTimeOutSecond"></span>秒
	
	<script language="JavaScript">
		function ShowTimeOut(year, month, date, hour, minute, second) {
			var lastTime = new Date(year, month, date, hour, minute, second) ;
			var now = new Date() ;
			var vDate = parseInt((lastTime-now)/(1000*3600*24));
			now = new Date(now.getFullYear(),now.getMonth(),(now.getDate()+vDate),now.getHours(),now.getMinutes(),now.getSeconds());
			var vHour = parseInt((lastTime-now)/(1000*3600));
			now = new Date(now.getFullYear(),now.getMonth(),now.getDate(),(now.getHours()+vHour),now.getMinutes(),now.getSeconds());
			var vMinute = parseInt((lastTime-now)/(1000*60));
			now = new Date(now.getFullYear(),now.getMonth(),now.getDate(),now.getHours(),now.getMinutes(),now.getSeconds());
			var vMinute = parseInt((lastTime-now)/(1000*60));
			now = new Date(now.getFullYear(),now.getMonth(),now.getDate(),now.getHours(),(now.getMinutes()+vMinute),now.getSeconds());
			var vSecond = parseInt((lastTime-now)/1000);
			document.getElementById("lastTimeTimeOutDate").innerHTML=vDate;
			document.getElementById("lastTimeTimeOutHour").innerHTML=vHour;
			document.getElementById("lastTimeTimeOutMinute").innerHTML=vMinute;
			document.getElementById("lastTimeTimeOutSecond").innerHTML=vSecond;
			//alert(now.getFullYear()+"年"+(parseInt(now.getMonth())+1)+"月"+now.getDate()+"日"+" "+now.getHours()+"时");
		}
		ShowTimeOut(2008,7,8,20,0,0);
		setInterval("ShowTimeOut(2008,7,8,20,0,0)",1000);
	</script>
	
</body>
</html>

标签：

怎么，淘宝，倒计数效果，js代码

21pt.com

从个人计算到网格云计算，下一步是什么？

怎么做出淘宝倒计数效果？

日历

文章分类

搜索

最新评论

推荐文章

最新文章

友情链接

站点统计