<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="www.w3.org/1999/xhtml">
<head>
<title>实时倒计时</title>
<meta http-equiv="content-Type" content="text/html;charset=gb2312">
</head>
<body>
<!--单位:秒-->
剩余时间:<span id="endtime0">10</span><br><span id="endtime1">10</span>
<script type="text/javascript">
var CID = "endtime0";
if(window.CID != null){
var iTime = document.getElementById(CID).innerText;
var Account;
RemainTime();
}
function RemainTime()
{
    var iDay,iHour,iMinute,iSecond;
    var sDay="",sHour="",sMinute="",sSecond="",sTime="";
    if (iTime >= 0)
    {
        iDay = parseInt(iTime/24/3600);
        if (iDay > 0)
        {
            sDay = iDay + "天";
        }
        iHour = parseInt((iTime/3600)%24);
        if (iHour > 0){
            sHour = iHour + "小时";
        }
        iMinute = parseInt((iTime/60)%60);
        if (iMinute > 0){
            sMinute = iMinute + "分钟";
        }
        iSecond = parseInt(iTime%60);
        if (iSecond >= 0){
            sSecond = iSecond + "秒";
        }
        if ((sDay=="")&&(sHour=="")){
            sTime="<span style='color:darkorange'>" + sMinute+sSecond + "</font>";
        }
        else
        {
            sTime=sDay+sHour+sMinute+sSecond;
        }
        if(iTime==0){
            clearTimeout(Account);
              sTime="<span style='color:green'>时间到了!</span>";
        }
        else
        {
            Account = setTimeout("RemainTime()",1000);
        }
        iTime=iTime-1;
    }
    else
    {
            sTime="<span style='color:red'>倒计时结束!</span>";
    }
    document.getElementById(CID).innerHTML = sTime;
}
</script>
</body>
</html>

解决方案 »

  1.   


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>demo</title>
        <script >
            window.onload=function(){
                var divs =  document.getElementsByTagName("div");
                for(var i = 0 ; i < divs.length ; i++){
                 
                    showTime(divs[i].id);
              
                }
                
                
            }
            var showTime =function(id){
                var endTime = new Date(document.getElementById(id).getAttribute("enddate"));
            
                var nowTime = new Date();
                var ms=endTime.getTime() - nowTime.getTime();
                var day=Math.floor(ms/(1000 * 60 * 60 * 24));
                var hour=Math.floor(ms/(1000*60*60)) % 24;
                var minute=Math.floor(ms/(1000*60)) % 60;
                var second=Math.floor(ms/1000) % 60;
                ms=Math.floor(ms/100) % 10;
                if(day>= 0){
                    document.getElementById(id).innerHTML = "离"+endTime+" 结束还有 "+day+"天  "+hour+"小时 "+minute+"分 "+second+" 秒"+ms+"毫秒";
                }
                else{
                    document.getElementById(id).innerHTML ="过期了 !";
                }
                setTimeout(function(){
                    showTime(id);
                },100);
            }
    </script>
    </head>
    <body>
      <div id="msg1" enddate="2012-03-10">
      </div>
      <div id="msg2" enddate="2012-04-10">
      </div>
    </body>
    </html>以前写的 看看有没有用 好久没贴过代码了 。