在JS中如何获取时间以及转换时间

在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;};

经过转化之后即可获取到我们想要的数据，然后进行相应的赋值即可。

在JS中如何获取时间以及转换时间相关推荐

js中获得当前时间是年份和月份
js中获得当前时间是年份和月份,形如:201208 //获取完整的日期 var date=new Date; var year=date.getFullYear(); var ...
js中比较到期时间和当前时间
1.js中比较到期时间和当前时间方式1.//到期时间let d2 = "2022-12-29";//转换为标准时间"2019/12/29 23:59:59"d ...
php获取客户mac地址吗,如何在php与js中分别获取客户度mac地址
如何在php与js中分别获取客户度mac地址导语:如何在php与js中分别获取客户度mac地址的呢?学代码的你懂吗?下面的是百分网小编为大家搜集的`相关资料,供大家参考. 代码如下: class M ...
JS中怎样将时间字符串转换成Date并比较大小
场景在js中通过前端日期选择控件获取的时间参数为字符串"2020-09-30" 现在要将其转换为Date类型并与当前日期进行对比,看是否在当前日期之前. 注: 博客: https ...
【在JS中如何获取图片路径以及更改图片】
//页面级内容<button id="div1">时间</button> img id="myimage" src="./im ...
前端开发：JS中时间戳和时间之间的转换
前言在前端开发过程中,关于时间相关的业务处理是非常常见的需求,需求也是千奇百怪,各种各样的需求,在JS中对于时间戳和时间之间的转换也是非常简单的,难就难在转换后的时间格式和业务需求的格式要匹配一致, ...
Vue.js中$refs{}获取DOM元素
如果我们想获取DOM元素,一般使用js中的document.querySelector来获取这个dom节点,然后在获取元素的值,现在Vue提供给我们一种更便捷的方式来获取DOM元素-----$refs ...
关于JS中如何获取页面数据
根据id名如何获取页面数据 JS中想要获取到页面的数据,无论是value值还是text文本值,我们都可以根据当前div的id名来进行操作根据div的id名获取value值 <input id= ...
分别对时分秒加减的java_Java中关于获取时间(日期)的总结大全
文章目录 1.相关类 1.1 java.util.Date 1.2 java.text.DateFormat(抽象类) 1.3 java.text.SimpleDateFormat(DateForma ...

在JS中如何获取时间以及转换时间

在JS中如何获取时间以及转换时间相关推荐

最新文章

热门文章