时间与时间戳的转换

需求:一个静态页面,让其页面中的时间动态跑起来.

原理: 将时间转化为时间戳, 使用定时器,每秒加1.  再将时间戳转化为时间

一、时间转时间戳

1、var time1=new Date(data).getTime()/ 1000

2、var time2 = new Date(data).valueOf()/ 1000;

3、var time3 = Date.parse(data);

备注: data是转化的时间

第一、第二种：会精确到毫秒，第三种：只能精确到秒，毫秒用000替代，

注意：获取到的时间戳除以1000就可获得Unix时间戳，就可传值给后台得到。

在转化的时候,一般我们拿到的值是"2022-12-31 12:00:00",在转化传入的时候,"-"是会报错的,需要替换为"/":

var strtime = time.replace(/-/g, "/");

二、时间戳转化为时间

 var item1 = new Date(time1).toLocaleString();

转化过来的格式是这样的"2023/1/7 09:09:31" 如果日期不想用/  可以使用replace() 替换一下

注意: 在这里匹配"/"  像之前那么填入是不行的,  因为 // 是注释的意思,需要:

let data = str.replace(/\//g, "-")

以上时间戳转过来的时间 格式是这样的"2023-1-7  12:12:12"  在月份日期哪里是没有0的, 不太美观.所以还是采用了以下方法:

 // 将-替换为/
      var strtime = this.time.replace(/-/g, "/");
      // 将日期转换为时间戳
      var date1 = new Date(strtime).getTime();
      // 将时间戳加1000毫秒,转化为日期格式,并将
      // var item1 = new Date(time1 + 1000).toLocaleString().replace(/\//g, "-");
      var date = new Date(date1 + 1000);
      var Y = date.getFullYear() + "-";
      var M =
        (date.getMonth() + 1 < 10
          ? "0" + (date.getMonth() + 1)
          : date.getMonth() + 1) + "-";
      var D =
        (date.getDate() < 10 ? "0" + date.getDate() : date.getDate()) + " ";
      var h =
        (date.getHours() < 10 ? "0" + date.getHours() : date.getHours()) + ":";
      var m =
        (date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes()) +
        ":";
      var s =
        date.getSeconds() < 10
          ? "0" + date.getSeconds()
          : date.getSeconds() + "";
      this.time = Y + M + D + h + m + s;

当小于10的时候  在前面添加个0