全兼容系列（4）----------------------2017春节倒计时

最新推荐文章于 2024-07-10 14:03:37 发布

「已注销」

最新推荐文章于 2024-07-10 14:03:37 发布

阅读量383

点赞数

分类专栏： html+css+js 文章标签： javascript

本文链接：https://blog.csdn.net/RanAzhe/article/details/71187455

版权

html+css+js 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script>
window.οnlοad=function(){
  var oS=document.getElementById('s1');

  var oDate=new Date();//定义春节的时间变量
  oDate.setFullYear(2018,1,16);//设置春节的时间节点
  oDate.setHours(0,0,0,0);
  function toDou(n){//-----------获取两位数
    return n<10?'0'+n:''+n;
  }
  function tab(){
    var oNow=new Date();//定义现在的时间变量
    var s=parseInt((oDate.getTime()-oNow.getTime())/1000);//春节的时间戳-现在的时间戳获取倒计时的时间戳
    if(s<0)//-----------------若时间戳为0则弹出倒计时结束，并弹出去
    {
      oS.innerHTML='倒计时结束';
      clearInterval(timer);
      return;
    }
     var d=parseInt(s/86400);
     s%=86400;//%=把s中能凑成整数的部分去掉，得到的新s就是余数
     var h=parseInt(s/3600);
     s%=3600;
     var m=parseInt(s/60)
     s%=60;
     oS.innerHTML=''+d+'天'+toDou(h)+'时'+toDou(m)+'分'+toDou(s)+'秒';
   }
   var timer=setInterval(tab,1000);
   tab();
}
</script>
</head>
<body>
  距离2017年春节还剩：<span id="s1"></span>
</body>
</html>