在Js中,我们通常使用new Date()方法来获取当前的时间,其获取的时间格式是这样的
new Date().getTime() // 返回的的是一个long型的毫秒数
let a = new Date().getTime(); // 1675145050608
let b = new Date() // 2023-01-31T06:04:28.113Z
在做一些跟时间有关的需求时,如倒计时,计算剩余时间、时间展示等。需要按照:
天-时-分-秒 的形式来展示,那么如何根据获取的时间进行转换呢?
在网上已经有非常多的时间转换函数可以供大家参考使用了,这里换一种思路来进行实现,尤其是设计到时间的计算时会比较好用一些。
比如有这样一个跟时间有关的需求,设定了一个截止时间,获取当前时间,计算两个时间之间的时间差,如果当前时间小于等于截止时间,则进行操作A,如果当前时间>截止时间,则进行操作B。
在上述代码片段中,我们知道调用getTime()方法,可将时间转换为毫秒格式,那么我们只需要将这个时间转换为天、时、分、秒类型的数据即可。
转换的思路的非常简单,毫秒化为秒-----除以1000,秒化为分钟-----除以60,
分钟化为小时-----除以60,小时化为天-----除以24,需要注意的是得到是整数。
// 剩余时间 天-时-分-秒
let lefttime = endtime.getTime() - nowtime.getTime(),
d = checkTime(Math.floor(lefttime / (1000 * 60 * 60 * 24))), // 天
h = checkTime(Math.floor((lefttime / (1000 * 60 * 60)) % 24)), // 时
m = checkTime(Math.floor((lefttime / (1000 * 60)) % 60)), // 分
s = checkTime(Math.floor((lefttime / 1000) % 60)); // 秒
// 将时间格式数字统一转换为两位 8 --> 08
const checkTime = (i: number) => {
if (i < 10) { return "0" + i }
return i;
};
经过转化之后即可获取到我们想要的数据,然后进行相应的赋值即可。