javascript各种倒计时

最新推荐文章于 2023-06-29 14:43:36 发布
Earl_yuan
最新推荐文章于 2023-06-29 14:43:36 发布
阅读量771
点赞数
<!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="endtime">10</span>
<script type="text/javascript">
var CID = "endtime";
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>





第二种
<form name="form1">   
<div align="center" align="center">   
<center>离2010年还有:<br>   
<input type="textarea" name="left" size="35" style="text-align: center">   
</center>   
</div>   
</form>   
<script LANGUAGE="javascript">   
startclock()   
var timerID = null;   
var timerRunning = false;   
function showtime() {   
Today = new Date();   
var NowHour = Today.getHours();   
var NowMinute = Today.getMinutes();   
var NowMonth = Today.getMonth();   
var NowDate = Today.getDate();   
var NowYear = Today.getYear();   
var NowSecond = Today.getSeconds();   
if (NowYear <2000)   
NowYear=1900+NowYear;   
Today = null;   
Hourleft = 23 - NowHour   
Minuteleft = 59 - NowMinute   
Secondleft = 59 - NowSecond   
Yearleft = 2009 - NowYear   
Monthleft = 12 - NowMonth - 1 
Dateleft = 31 - NowDate   
if (Secondleft<0)   
{   
Secondleft=60+Secondleft;   
Minuteleft=Minuteleft-1;   
}   
if (Minuteleft<0)   
{    
Minuteleft=60+Minuteleft;   
Hourleft=Hourleft-1;   
}   
if (Hourleft<0)   
{   
Hourleft=24+Hourleft;   
Dateleft=Dateleft-1;   
}   
if (Dateleft<0)   
{   
Dateleft=31+Dateleft;   
Monthleft=Monthleft-1;   
}   
if (Monthleft<0)   
{   
Monthleft=12+Monthleft;   
Yearleft=Yearleft-1;   
}   
Temp=Yearleft+'年, '+Monthleft+'月, '+Dateleft+'天, '+Hourleft+'小时, '+Minuteleft+'分, '+Secondleft+'秒' 
document.form1.left.value=Temp;   
timerID = setTimeout("showtime()",1000);   
timerRunning = true;   
}   
var timerID = null;   
var timerRunning = false;   
function stopclock () {   
if(timerRunning)   
clearTimeout(timerID);   
timerRunning = false;   
}   
function startclock () {   
stopclock();   
showtime();   
}   
// -->   
</script>   


第三种
<!--倒计时Javascript begin-->   
<script language="JavaScript">   
<!--    
function DigitalTime1()   
{    
var deadline= new Date("08/13/2007") //开幕倒计时   
var symbol="8月13日" 
var now = new Date()   
var diff = -480 - now.getTimezoneOffset() //是北京时间和当地时间的时间差   
var leave = (deadline.getTime() - now.getTime()) + diff*60000 
var day = Math.floor(leave / (1000 * 60 * 60 * 24))   
var hour = Math.floor(leave / (1000*3600)) - (day * 24)   
var minute = Math.floor(leave / (1000*60)) - (day * 24 *60) - (hour * 60)   
var second = Math.floor(leave / (1000)) - (day * 24 *60*60) - (hour * 60 * 60) - (minute*60)   

var deadline_2= new Date("08/13/2004") //开幕后计时   
var symbol_2="8月13日" 
var now_2 = new Date()   
var diff_2 = -480 - now.getTimezoneOffset() //是北京时间和当地时间的时间差   
var leave_2 = (now_2.getTime() - deadline_2.getTime()) + diff_2*60000 
var day_2 = Math.floor(leave_2 / (1000 * 60 * 60 * 24))   
var hour_2 = Math.floor(leave_2 / (1000*3600)) - (day_2 * 24)   
var minute_2 = Math.floor(leave_2 / (1000*60)) - (day_2 * 24 *60) - (hour_2 * 60)   
var second_2 = Math.floor(leave_2 / (1000)) - (day_2 * 24 *60*60) - (hour_2 * 60 * 60) - (minute_2*60)   
    
day=day+1;   
day_2=day_2+1;   

if (day>0) //还未开幕   
{   
//LiveClock1.innerHTML = "现在"+symbol+"天"   
LiveClock1.innerHTML = "<font 
setTimeout("DigitalTime1()",1000)   
}   

if (day<0) //已经开幕   
{   
//LiveClock1.innerHTML = "现在离"+symbol+"还有"+day+"天"+hour+"小时"+minute+"分"+second +"秒"   
LiveClock1.innerHTML = "<font 
setTimeout("DigitalTime1()",1000)   

}   

if (day==0) //正在开幕   
{   
//LiveClock1.innerHTML = "现在"+symbol+"天"   
LiveClock1.innerHTML = "<font 
setTimeout("DigitalTime1()",1000)   
}   

    
    
if (day<0 & day_2>19) //某某运动会结束   
{   
//LiveClock1.innerHTML = "现在离"+symbol+"还有"+day+"天"+hour+"小时"+minute+"分"+second +"秒"   
LiveClock1.innerHTML = "<font 
setTimeout("DigitalTime1()",1000)   

}   

}   
// -->   
</script>   
<!--倒计时Javascript end-->   
<body οnlοad=DigitalTime1()>   
<div id= LiveClock1></div>   

</body>


第四种
<SCRIPT LANGUAGE="JavaScript">   
<!--   
var maxtime = 60*60 //一个小时，按秒计算，自己调整!   
function CountDown(){   
if(maxtime>=0){   
minutes = Math.floor(maxtime/60);   
seconds = Math.floor(maxtime%60);   
msg = "距离结束还有"+minutes+"分"+seconds+"秒";   
document.all["timer"].innerHTML=msg;   
if(maxtime == 5*60) alert('注意，还有5分钟!');   
--maxtime;   
}   
else{   
clearInterval(timer);   
alert("时间到，结束!");   
}   
}   
timer = setInterval("CountDown()",1000);   
//-->   
</SCRIPT>   
<div id="timer" style="color:red"></div>   


第五种
<Script Language="JavaScript">    
<!-- Begin    
　　var timedate= new Date("January 14,2006");    
　　var times="研究生考试";    
　　var now = new Date();    
　　var date = timedate.getTime() - now.getTime();    
　　var time = Math.floor(date / (1000 * 60 * 60 * 24));    
　　if (time >= 0) ;   
document.write("<li><font color=#DEDBDE>现在离2006年"+times+"还有: <font color=#ffffff><b>"+time +"</b></font> 天</font></li>");   
// End -->   
</Script>