JS—— Date对象案例之《设置倒计时》

一、题目

设置倒计时

二、源代码及效果

 <script>
      // 倒计时效果

      function getT(t) {
        var time2 = +new Date(t);  /*设定时间的时间戳*/
        var extra = time2 - Date.now();  /*时间戳差*/
        var h = extra * 3 * Math.pow(10, -7);/*换算为小时*/
        var mi = 60 * (h - Math.floor(h));  /*小时的小数点转换为分*/
        var s = 60 * (mi - Math.floor(mi)); /*分的小数点转换为秒*/
        h = h < 10 ? '0' + Math.floor(h) : Math.floor(h);/*全部向下取整*/
        mi = mi < 10 ? '0' + Math.floor(mi) : Math.floor(mi);
        s = s < 10 ? '0' + Math.floor(s) : Math.floor(s);
        return h + ':' + mi + ':' + s;
      }

      var result = getT('2021-12-3 17:30:0');
      console.log(result);

    </script>

三、思路

该题没有采用以设定时间直接减当前时间来得到倒计时，不方便相减。而是采用时间戳（这样才方便相减），以设定时间的时间戳减去当前时间的时间戳。得到的毫秒差来转换为时分秒。

1. 用+new Date( 时间字符串 )得到设定时间的时间戳

 时间字符串作为实参带入，便得到了设定时间的总毫秒数。 

2.        以设定时间总毫秒数减去当前时间总毫秒数，得到不会出错的毫秒差。

3.        由该表进行换算，把得到的毫秒差换算成小时。pow( )可以进行幂运算。

 

 4.        把小时的整数位取出来，相减得到后面的小数位，小数位再转化为分，分钟数的小数位再转化为秒…

 

5.        由于得到的时分秒都是浮点数，再向下取整数，并自动补0，格式化，可以更美观