javascript倒计时!!

主体代码

  <h1>距离全面建成现代化国家</h1>
  <p></p>
  <script>
      function showTime() {
          var nowTime = new Date().getTime();//获取当前时间
          var endTime = new Date("2050-1-1 10:00:00").getTime();
          var lineTime = (endTime - nowTime) / 1000;
          var Year = parseInt(lineTime / 60 / 60 / 24 / 365);
          Year = Year < 10 ? "0" + Year : Year
          var Day = parseInt(lineTime / 60 / 60 / 24 % 365);
          Day = Day < 10 ? "0" + Day : Day
          var Hours = parseInt(lineTime / 60 / 60 % 24);
          Hours = Hours < 10 ? "0" + Hours : Hours
          var Minute = parseInt(lineTime / 60 % 60);
          Minute = Minute < 10 ? "0" + Minute : Minute
          var Second = parseInt(lineTime % 60);
          Second = Second < 10 ? "0" + Second : Second
          return "还剩余" + Year + "年" + Day + "天" + Hours + "时" + Minute + "分" + Second + "秒";
      }
      var p = document.querySelector("p");
      setInterval(function () {
          p.innerHTML = showTime();
      }, 10);
  </script>

css样式 

  h1 {
      color: brown;
      width: 800px;
      text-align: center;
  }
  p {
      text-align: center;
      width: 800px;
      font-size: 30px;
      color: aqua;
  }

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值