需求:一个静态页面,让其页面中的时间动态跑起来.
原理: 将时间转化为时间戳, 使用定时器,每秒加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