zoukankan      html  css  js  c++  java
  • 获取时间的总的毫秒数(时间戳)

    获取时间的总的毫秒数(时间戳)

    指的不是当前时间,而是距离1970年1月1号过了多少时间

    方法一:

    valurOf()

     var date = new Date();
     console.log(date.valueOf()); // 就是 我们现在时间 距离1970.1.1 总的毫秒数
    

    方法二:

    getTime()

     var date = new Date();
     console.log(date.getTime());
    

    方法三:(最常用的)

    +new Date()

     var date1 = +new Date(); // +new Date() 返回的就是总的毫秒数
     console.log(date1);
    

    方法四:H5新增的

    Date.now()

     console.log(Date.now());
    

    案例:倒计时效果

    核心算法:

    • 1、输入的时间减去现在的时间就是剩余的时间,即倒计时,但是不能拿着时分秒相减,比如05分减去25分,结果会是负数的。
    • 2、用时间戳来做。用户输入时间总的毫秒数减去现在时间的总的毫秒数,得到的就是剩余时间的毫秒数
    • 3、把剩余时间总的毫秒数转换为天、时、分、秒(时间戳转换为时分秒)

    换算公式如下:

    • 1、计算天数
      d = parseInt(总秒数 / 60 / 60 / 24)
    • 2、计算小时
      h = parseInt(总秒数 / 60 / 60 % 24)
    • 3、计算分
      m = parseInt(总秒数 / 60 % 60)
    • 4、计算当前秒数
      s = parseInt(总秒数 % 60)

    代码实现如下

            function countDown(time) {
                var nowTime = +new Date(); // 返回的是当前时间总的毫秒数
                var inputTime = +new Date(time); // 返回的是用户输入时间总的毫秒数
                var times = ((inputTime - nowTime) / 1000); // times是剩余时间总的秒数
                var d = parseInt(times / 60 / 60 / 24); // 天
                d = d < 10 ? '0' + d : d;
                var h = parseInt(times / 60 / 60 % 24); // 小时
                h = h < 10 ? '0' + h : h;
                var m = parseInt(times / 60 % 60); // 分
                m = m < 10 ? '0' + m : m;
                var s = parseInt(times % 60); // 秒
                s = s < 10 ? '0' + s : s;
                return d + '天' + h + '时' + m + '分' + s + '秒';
            }
            console.log(countDown('2021-3-15 20:30:00'));
    
  • 相关阅读:
    Java进阶专题(二十六) 将近2万字的Dubbo原理解析,彻底搞懂dubbo (上)
    有必要了解的大数据知识(二) Hadoop
    有必要了解的大数据知识(一) Hadoop
    MySQL深入研究--学习总结(5)
    MySQL深入研究--学习总结(4)
    MySQL深入研究--学习总结(3)
    MySQL深入研究--学习总结(2)
    lnmp环境,部署ssl证书
    Flutter--Error: Cannot run with sound null safety, because the following dependencies don't support null safety:
    Flutter
  • 原文地址:https://www.cnblogs.com/counter/p/14528068.html
Copyright © 2011-2022 走看看