用 js 实现的简单的倒计时,天数,小时,分钟,秒

 <script>
    var d = document.getElementById("d");
    var h = document.getElementById("h");
    var m = document.getElementById("m");
    var s = document.getElementById("s");



    getTime();
    setInterval(getTime, 1000);


    function getTime() {
     //获取当前的日期时间
      var date = new Date();
      //获取某个固定时刻的时间
      var oldTime = new Date("2019-01-29 02:22:00");
      //两个事件相减除以1000就是以秒为单位计算取整
      var now = parseInt((oldTime - date) / 1000);
      //now/3600就是小时
      var day = parseInt(now / 3600) /24;
      day=Math.ceil(day);   
      d.innerHTML = addZero(day);


      var hour = parseInt(now / 3600) % 24;
      h.innerHTML = addZero(hour);


      var minutes = parseInt(now / 60) % 60;
      m.innerHTML = addZero(minutes);


      var seconds = parseInt(now % 60);
      s.innerHTML = addZero(seconds);


      function addZero(n) {
        return n >= 10 ? n : "0" + n;
      }

    }
  • 本倒计时主要是用到了Date方法,用Date方法获取时间。通过相应的计算算出,天数,小时,分钟。秒。
  • 相应的计算都已经体现在代码中。
  • 除此之外还用了一个定时器,一秒钟更新一次时间。

猜你喜欢

转载自blog.csdn.net/qq_36647038/article/details/82534595