一个不错的倒计时程序

可以指定一个结束时间，倒计时带有毫秒的不断变化显示，给人一种紧张的气氛

查看全部代码 View Code

在需要显示倒计时的地方放加入以下代码

<div id="djs" style="width:300px;height:24px;color:#ffd400;font-size:18px;font-family:Arial; text-align:left;padding-top: 2px;"> </div>
<script type="text/javascript">

        /*****************************************************
         *  Share JavaScript (http://www.ShareJS.com)
         * 使用此脚本程序，请保留此声明
         * 获取此脚本以及更多的JavaScript程序，请访问 http://www.ShareJS.com
         ******************************************************/
    
<!-- 
function show_date_time(){ 
window.setTimeout("show_date_time()", 130); 
BirthDay = new Date("7/11/2008 09:09:00");
today = new Date(); 
timeold = (BirthDay.getTime() - today.getTime()); 
sectimeold = timeold/1000;
secondsold = Math.floor(sectimeold); 
msPerDay = 24*60*60*1000;

e_daysold = timeold/msPerDay;
daysold = Math.floor(e_daysold); 

e_hrsold = (e_daysold-daysold)*24; 
hrsold = Math.floor(e_hrsold); 

e_minsold = (e_hrsold-hrsold)*60; 
minsold = Math.floor((e_hrsold-hrsold)*60); 

e_secondsold = (e_minsold-minsold)*60;
secondsold = Math.floor((e_minsold-minsold)*60); 

mseconds = Math.floor((e_secondsold-secondsold)*1000)

document.getElementById("djs").innerHTML = hrsold+"小时"+minsold+"分"+secondsold + "秒" + mseconds; 
} 
show_date_time(); 
//--> 
</script>

其中

 <div id="djs" style="width:300px;height:24px;color:#ffd400;font-size:18px;font-family:Arial; text-align:left;padding-top: 2px;"> </div>

是用来显示倒计时的信息的标签，其id必须与脚本中的调用对应，可以根据实际情况进行修改。