精美而实用的网站，关注web编程技术、网站运营、SEO推广，让您轻松愉快的学习

JavaScript倒计时在Web中用得非常广泛，比如一些活动倒计时，团购倒计时，重点会议倒计时等等都可以使用倒计时，下面青岛星网跟大家具体分享下各种到时的写法大全。

第一种长时间的倒计时：年、月、天、小时、分钟、秒

<script type="text/javascript">   
startclock();
var timerID = null;   
var timerRunning = false;   
function showtime() {   
    Today = new Date();
    var year = Today.getFullYear();
    document.getElementById("next_yeat").innerHTML = year + 1;
    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 = year - 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>

按天倒计时范例代码

<Script Language="JavaScript">  
<!-- Begin  
 var timedate= new Date("January 14,2016");  
 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>现在离2016年"+times+"还有: <font color=#ffffff><b>"+time +"</b></font> 天</font></li>"); 
// End --> 
</Script>

按天倒计时代码2

<script language="JavaScript" type="text/javascript"> 
function djs(){ 
 var urodz= new Date("11/12/2008"); 
 var now = new Date(); 
 var num 
 var ile = urodz.getTime() - now.getTime(); 
 var dni = Math.floor(ile / (1000 * 60 * 60 * 24)); 
 if (dni >1)num=dni+1
 else if (dni == 1)num=2 
 else if (dni == 0)num=1
 else num=0 
 document.write(num) 
} 
</script>

距某某开幕式还有 [<script language="JavaScript" type="text/javascript">djs()</script>] 天

按小时倒计时

<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>
Tags：JavaScript 倒计时