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