求一倒计时特效

bo523 2009-12-23 09:51:40

我想要一JS倒计时特效，要求是要精确到秒的，同志们谢谢啦！！！

...全文

68 3 打赏收藏举报

写回复

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

hookee 2009-12-23

打赏
举报



<script>

var edt = new Date("2010/1/1");

var dif = 0;

var tid;

function doit(){

	var dt = new Date();

	dif = (edt - dt);

	if(dif==0){

		clearInterval(tid); tid = null;	

	}

	else{

		var d = Math.floor(dif / (24*60*60*1000));

		var h = Math.floor((dif - d * (24*60*60*1000)) / (60 * 60 * 1000));

		var m = Math.floor(((dif - d * (24*60*60*1000))- h * (60 * 60 * 1000)) / (60 * 1000));

		var s = Math.floor((dif - d*24*60*60*1000 - h*60*60*1000 - m*60*1000)/1000)

		document.getElementById("d").innerHTML = d;

		document.getElementById("h").innerHTML = h;

		document.getElementById("m").innerHTML = m;

		document.getElementById("s").innerHTML = s;

	}

}

window.onload=function(){

	var dt = new Date();

	dif = (edt - dt);

	document.getElementById("edt").innerHTML = fdt(edt);

	tid = setInterval("doit(" + dif + ")",1000);

}

function fdt(dt){

	var y = dt.getFullYear();

	var m =	dt.getMonth()+1;

	var d = dt.getDate();

	m = m <10?"0"+m:m;

	d = d <10?"0"+d:d;

	return y + "年" + m + "月" + d + "日"; 

}

</script>

离<span id="edt"></span>还有<span id="d"></span>天<span id="h"></span>小时<span id="m"></span>分<span id="s"></span>秒

Click_Me 2009-12-23

打赏
举报



<script type="text/javascript">

	function getDiffDate(m){

		m-=(D=parseInt(m/86400000))*86400000;

		m-=(H=parseInt(m/3600000))*3600000;

		S=parseInt((m-=(M=parseInt(m/60000))*60000)/1000);

		return D+'天'+H+'时'+M+'分'+S+'秒';

	}

	window.onload = function(){

		setInterval(function(){

				document.getElementById("diffTime").innerHTML = getDiffDate(new Date('2010/1/1')-new Date()); // 2010/1/1

			}, 1000);    

	}        

</script>

 </head>

<body>

<div  style="width:300px;height:40px;line-height:40px;background-color:#C0C0C0;font-size:12px;border:2px solid #808080">

    距离2010年:<span id="diffTime" style="color:#FF0000;font-weight:bold"></span>

</div>

</body>

</html>