JS获取指定时间的时间戳的方法汇总(最新整理收藏版)

 更新时间:2024年01月30日 15:59:55   作者:XiaoSen125_  
在JavaScript中,可以使用Date.parse()或new Date()来获取指定时间的时间戳,本文给大家分享JS获取指定时间的时间戳的方法,感兴趣的朋友一起看看吧

JS获取指定时间的时间戳

在JavaScript中,可以使用Date.parse()new Date()来获取指定时间的时间戳。

方法一:使用Date.parse()

可以使用Date.parse()方法将指定时间转换为时间戳,具体步骤如下:

var timestamp = Date.parse("2023-02-25 10:30:00"); //将时间字符串转换为时间戳
console.log(timestamp); //输出时间戳

其中,需要注意的是,Date.parse()方法传入的时间字符串需要符合ISO 8601标准或是RFC 2822标准,否则可能会返回NaN

方法二:使用new Date()

可以使用new Date()方法创建一个指定时间的Date对象,然后调用getTime()方法获取时间戳,具体步骤如下:

var date = new Date("2023-02-25 10:30:00"); //创建指定时间的Date对象
var timestamp = date.getTime(); //获取时间戳
console.log(timestamp); //输出时间戳

需要注意的是,new Date()方法传入的时间字符串需要符合ISO 8601标准或是RFC 2822标准,否则可能会返回无效的Date对象。

补充:

js获取时间戳

一、Date.now()   精确到毫秒 13位

// 获取当前时间戳
const timestamp = Date.now()
console.log(timestamp)   //1685632984861

二、getTime()   精确到毫秒 13位

// 获取当前时间戳
const timestamp = new Date().getTime();
console.log(timestamp);
// 获取自定义时间戳 
// 1、只传日期不传时间(后面是该时间戳的时间)
const t1 = new Date('2023-06-01').getTime()  //[2023-06-01 08:00:00]
// 2、如果日期没有补0
const t2 = new Date('2023-6-01').getTime()   //[2023-06-01 00:00:00]
// 3、如果是传斜杠格式(补不补0是一样的)
const t3 = new Date('2023/06/01').getTime()  //[2023-06-01 00:00:00]
// 4、传了日期+时间就得到该时间的时间戳
const t4 = new Date('2023-06-01 12:00:00').getTime() // [2023-06-01 12:00:00]
const t5 = new Date('2023/6/1 12:00:00').getTime()   // [2023-06-01 12:00:00]

三、+new Date()   精确到毫秒 13位

// 获取当前时间戳
const timestamp = +new Date();
console.log(timestamp);
// 获取今天0点(比如今天是[2023-06-01],那么就获取到[2023-06-01 00:00:00]的时间戳)
const timestamp = new Date().setHours(0, 0, 0, 0)
// 获取今天24点(比如今天是[2023-06-01],那么就获取到[2023-06-02 00:00:00]的时间戳)
const timestamp = new Date().setHours(24, 0, 0, 0)
// 获取近七天时间戳
// 用今天0点的时间戳,减去6天的毫秒数即可   每天的毫秒数为24 * 60 * 60 * 1000
// 比如今天是[2023-06-07],那么就获取到[2023-06-01 00:00:00]的时间戳
const sevenDaysBefore = new Date().setHours(0, 0, 0, 0) - 6 * 24 * 60 * 60 * 1000

四、Date.parse(new Date())   精确到秒 13位

// 获取当前时间戳
const timestamp = Date.parse(new Date());
console.log(timestamp);
// 获取自定义时间戳 
const t1 = Date.parse("2023-06-01")   //[2023-06-01 08:00:00]
const t2 = Date.parse("2023-6-1")     //[2023-06-01 00:00:00]
const t3 = Date.parse("2023/6/1")     //[2023-06-01 00:00:00]
const t4 = Date.parse("2023-06-01 12:00:00") //[2023-06-01 12:00:00]
const t5 = Date.parse("2023/6/1 12:00:00")   //[2023-06-01 12:00:00]

五、valueOf()   精确到毫秒 13位

// 获取当前时间戳
const timestamp = (new Date()).valueOf();
console.log(timestamp);
// 获取自定义时间戳 
const t1 = new Date("2023-06-01").valueOf()  // [2023-06-01 08:00:00]
const t2 = new Date("2023-6-1").valueOf()    // [2023-06-01 00:00:00]
const t3 = new Date('2023/6/1').valueOf()    // [2023-06-01 00:00:00]
const t4 = new Date('2023-06-01 12:00:00').valueOf() // [2023-06-01 12:00:00]
const t5 = new Date('2023/6/1 12:00:00').valueOf()   // [2023-06-01 12:00:00]

六、Number(new Date())   精确到毫秒 13位

// 获取当前时间戳
const timestamp = Number(new Date());
console.log(timestamp);
// 获取自定义时间戳 
const t1 = Number(new Date("2023-06-01"));   //[2023-06-01 08:00:00]
const t2 = Number(new Date("2023-6-1"));     //[2023-06-01 00:00:00]
const t3 = Number(new Date("2023/6/1"));     //[2023-06-01 00:00:00]
const t4 = Number(new Date("2023-06-01 12:00:00"));   //[2023-06-01 12:00:00]
const t5 = Number(new Date("2023/6/1 12:00:00"));     //[2023-06-01 12:00:00]

到此这篇关于JS获取指定时间的时间戳的文章就介绍到这了,更多相关js获取指定时间时间戳内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • JS获取当前时间戳方法解析

    JS获取当前时间戳方法解析

    这篇文章主要介绍了JS获取当前时间戳方法解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-08-08
  • 微信小程序文章列表功能完整实例

    微信小程序文章列表功能完整实例

    这篇文章主要介绍了微信小程序文章列表功能,结合完整实例形式详细分析了微信小程序文章列表功能具体布局、样式、功能相关实现技巧,需要的朋友可以参考下
    2020-06-06
  • JavaScript 闭包机制详解及实例代码

    JavaScript 闭包机制详解及实例代码

    这篇文章主要介绍了JavaScript 闭包机制详解及实例代码的相关资料,需要的朋友可以参考下
    2016-10-10
  • JS动态计算移动端rem的解决方案

    JS动态计算移动端rem的解决方案

    移动设备分辨率五花八门虽然我们可以通过CSS3的media query来实现适配,但是这种做法并不能适配所有设备,这篇文章主要介绍了js动态计算移动端rem的解决方案,非常不错,感兴趣的朋友一起看看吧
    2016-10-10
  • 微信小程序如何实现全局重新加载

    微信小程序如何实现全局重新加载

    这篇文章主要给大家介绍了关于微信小程序如何实现全局重新加载的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用微信小程序具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-06-06
  • FF IE浏览器修改标签透明度的方法

    FF IE浏览器修改标签透明度的方法

    本文为大家介绍下FF IE浏览器修改标签透明度的方法,需要的朋友可以参考下
    2014-01-01
  • javascript陷阱 一不小心你就中招了(字符运算)

    javascript陷阱 一不小心你就中招了(字符运算)

    看似简单的加法运行,却有很多问题,一定要注意字符与数字的运算,注意使用js的强制类型转换,否则会出现很多问题。我们在编写js的过程中,最好通过alert逐行测试
    2013-11-11
  • js实现自定义路由

    js实现自定义路由

    本文介绍了js实现自定义路由,主要是事件hashchange的使用,然后根据我们的业务需求封装。具有很好的参考价值,下面跟着小编一起来看下吧
    2017-02-02
  • HTML+CSS+JavaScript实现可拖拽模态框

    HTML+CSS+JavaScript实现可拖拽模态框

    这篇文章主要为大家详细介绍了HTML+CSS+JavaScript实现可拖拽模态框,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-07-07
  • webpack打包多页面的方法

    webpack打包多页面的方法

    这篇文章主要介绍了webpack打包多页面的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-11-11

最新评论