JavaScript倒计时功能实现-优快云博客

本文链接：https://blog.youkuaiyun.com/dandeline/article/details/5836080

本文介绍了一种使用JavaScript实现倒计时功能的方法，详细解释了如何通过计算当前时间与设定时间之间的差值来更新显示的剩余时间。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<SCRIPT   language=JavaScript>
var   auctionDate   =   120;
var   startTime   =   (new   Date()).getTime();
var   Temp;
var   timerID   =   null;
var   timerRunning   =   false;
function   showtime()
{
          now   =   new   Date();
          var   ts=parseInt((startTime-now.getTime())/1000)+auctionDate;
          var   dateLeft   =   0;
          var   hourLeft   =   0;
          var   minuteLeft   =   0;
          var   secondLeft   =   0;
          if(ts   <   0)
          {
                  ts   =   0;
                  CurHour   =   0;
                  CurMinute   =   0;
                  CurSecond   =   0;
          }   else   {
                  dateLeft   =parseInt(ts/86400);
                  ts   =   ts   -   dateLeft   *   86400;
                  hourLeft   =   parseInt(ts/3600);
                  ts   =   ts   -   hourLeft   *   3600;
                  minuteLeft   =   parseInt(ts/60);
                  secondLeft   =   ts   -   minuteLeft   *   60;
          }
          if(hourLeft   <   10)   hourLeft   =   '0'   +hourLeft;
          if(minuteLeft   <   10)   minuteLeft   =   '0'   +minuteLeft;
          if(secondLeft<10)   secondLeft='0'+secondLeft;
          if(   dateLeft   >   0   )
                  dateLeft   =   dateLeft   +   "天"   ;
          else
                  dateLeft   =   "";
          if(   hourLeft   >   0   )
                  hourLeft   =   hourLeft   +   "小时"   ;
          else
          {
                  if(   dateLeft   !=   ""   )
                          hourLeft   =   "00小时";
                  else
                          hourLeft   =   "";
          }
          if(   minuteLeft   >   0   )
                  minuteLeft   =   minuteLeft   +   "分钟"   ;
          else
          {
                  if(   dateLeft   !=""   ||   hourLeft   !=   "")
                          minuteLeft   =   "00分钟";
                  else
                          minuteLeft   =   "";
          }
          if(   secondLeft   >   0   )
                  secondLeft   =   secondLeft   +   "秒"   ;
          else
          {
                  if(   dateLeft   !=""   ||   hourLeft   !=   ""   ||   minuteLeft   !=   "")
                          secondLeft   =   "00秒";
                  else
                          secondLeft   =   "";
          }
if   (dateLeft   ==   '')   {
        Temp=dateLeft+hourLeft+minuteLeft+secondLeft   ;
        }else   {
        Temp=dateLeft+hourLeft;
        }
          if(dateLeft   <=0   &&   hourLeft<=0   &&   minuteLeft<=0   &&   secondLeft   <=0)
          {
                  Temp   =   "成交结束";
                  stopclock();
          }
          if   (document.getElementById('time2'))   document.getElementById('time2').innerHTML=Temp;
          timerID   =   setTimeout("showtime()",1000);
          timerRunning   =   true;
}
function   stopclock()
{
          if(timerRunning)
                  clearTimeout(timerID);
          timerRunning   =   false;
}
function   macauclock()
{
          stopclock();
          showtime();
}
function   onloadall()
{
          macauclock();
          try
          {
                  initprovcity();
          }
          catch(e)
          {
          }
}
try
{
          onload=onloadall();
}
catch(e)
{
}
</SCRIPT>
生成页面的时候把剩余的秒数写在<font   id="time2">18595</font>里面,js初始化设置下变量auctionDate就可以了。

剩余时间倒计时