时间格式倒计时 – LPC影子技术分享 https://www.mudbest.com 行影不离,忘之却步. Mon, 01 Oct 2012 08:24:54 +0000 zh-Hans hourly 1 https://wordpress.org/?v=7.1 js简单实现时间格式倒计时 https://www.mudbest.com/js%e7%ae%80%e5%8d%95%e5%ae%9e%e7%8e%b0%e6%97%b6%e9%97%b4%e6%a0%bc%e5%bc%8f%e5%80%92%e8%ae%a1%e6%97%b6/ Tue, 13 Mar 2012 03:48:23 +0000 http://www.mudbest.com/?p=913 在网上找了很多相关的例子，总觉得还是要根据需求来写不一样的代码，就如我只是想要实现一个时间格式的倒计时，就不需要什么插件了，简短的一段代码即可实现。

看代码了：

<script language="javascript" type="text/javascript">
<!--
var maxtime = 7200;//按秒计算，自己调整! by hkshadow QQ 2765237
function CountDown(){
 if(maxtime >= 0){
 seconds = maxtime--;
 	//var d = parseInt(seconds/86400);
 	var h = parseInt((seconds%86400)/3600);
	var m = parseInt((seconds%3600)/60);
	var s = parseInt(seconds%60);
	
	var h = h > 0 ? h : "00";
	var m = m > 0 ? m : "00";
	var s = s > 0 ? s : "00";
	
 	//msg = d+"天"+h+"小时"+m+"分钟"+s+"秒";  //倒计时
  	//msg = ""+h+"："+m+"："+s+"：";  //倒计时
	//var date_array = [h,m,s];
 	document.getElementById('hour').innerHTML=h;
 	document.getElementById('minute').innerHTML=m;
  	document.getElementById('second').innerHTML=s;
}
 else{
		clearInterval(second);
		//P.cancel();
	// top.location = "/index.php";
	 }
}
setInterval("CountDown()",1000);
//-->
</script>

html页面代码：

<span class="thespan1" id="hour">..</span>
<span class="thespan2">：</span>
<span class="thespan1" id="minute">..</span>
<span class="thespan2">：</span>
<span class="thespan1" id="second">..</span>

最后的效果是
1：24：50

]]>