在网上找了很多相关的例子,总觉得还是要根据需求来写不一样的代码,就如我只是想要实现一个时间格式的倒计时,就不需要什么插件了,简短的一段代码即可实现。
看代码了:
<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