JS获取时间的相关函数及时间戳与时间日期之间的转换

获取时间的相关函数及时间戳与时间日期之间的转换

在JavaScript中,获取时间的方法非常多,包括获取时间戳、获取当前日期时间等。下面我们来依次介绍这些函数。

1.获取时间戳:

时间戳指的是距离1970年1月1日0时0分0秒(UTC时间)的时间差,单位为毫秒。获取时间戳有两种方式:

(1) Date.now() 函数

这个函数返回当前时间的时间戳,它等价于:

var timestamp = (new Date()).getTime();

其中 (new Date()) 代表获取当前日期与时间,getTime() 方法返回当前日期时间距离1970年1月1日0时0分0秒的时间差,即时间戳。

示例代码:

var timestamp = Date.now();
console.log(timestamp);

(2)new Date().getTime();

这个方法同样可以获取当前时间的时间戳,代码如下所示:

var timestamp = (new Date()).getTime();
console.log(timestamp);

2.获取日期时间:

获取当前日期时间有多种方法,下面列举几个常用方法:

(1)Date() 函数

这个函数返回当前时间的日期时间,格式为Mon Jul 26 2021 21:50:38 GMT+0800 (中国标准时间)

示例代码:

var now = new Date();
console.log(now);

(2)toLocaleDateString() 函数

这个函数返回当前日期的字符串表示,例如:2021/7/27。

示例代码:

var date = new Date();
var year = date.getFullYear();
var month = date.getMonth() + 1;
var day = date.getDate();
console.log(year + '/' + month + '/' + day);

3.时间戳与时间日期之间的转换:

(1)时间戳转时间日期

将时间戳转为时间日期,需要用到 JavaScript中的Date对象,Date对象构造函数可以传入一个时间戳参数。

示例代码:

var timestamp = 1627380157282;
var date = new Date(timestamp);
var year = date.getFullYear();
var month = date.getMonth() + 1;
var day = date.getDate();
var hour = date.getHours();
var minute = date.getMinutes();
var second = date.getSeconds();
console.log(year + '-' + month + '-' + day + ' ' + hour + ':' + minute + ':' + second);

(2)时间日期转时间戳

将时间日期转为时间戳,需要用到 getTime() 方法。

示例代码:

var dateStr = '2021-07-27 23:59:59';
var timestamp = (new Date(dateStr)).getTime();
console.log(timestamp);

总结:

以上就是JavaScript中获取时间的相关函数及时间戳与时间日期之间的转换的完整攻略。在实际开发中,我们可以根据需求灵活使用这些函数来获取所需的时间,从而实现我们的业务需求。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:JS获取时间的相关函数及时间戳与时间日期之间的转换 - Python技术站

(0)
上一篇 2023年5月27日
下一篇 2023年5月27日

相关文章

  • ASP.NET中常用的用来输出JS脚本的类

    在ASP.NET中,有很多用来输出JavaScript脚本的类,其中最常用的是System.Web.UI.Page.ClientScript类,这是一个封装了页面JavaScript脚本操作的类。下面是详细的攻略。 步骤一:引入命名空间 首先,在ASP.NET的Web表单页面中引入命名空间System.Web.UI,以便可以使用该类。 using Syste…

    JavaScript 2023年5月28日
    00
  • SpringBoot集成百度AI实现人脸识别的项目实践

    SpringBoot集成百度AI实现人脸识别的项目实践 一、背景 人脸识别技术可以应用于各种场景,如安防、门禁、签到等。而百度AI平台提供了一套强大的人脸识别API,可以为开发者提供便捷的人脸识别功能。同时,SpringBoot作为目前流行的微服务框架,具有极强的开发易用性和扩展性。本文将介绍如何通过SpringBoot集成百度AI实现人脸识别的项目实践。 …

    JavaScript 2023年6月11日
    00
  • JavaScript实现获取设备网络连接信息

    获取设备网络连接信息可以使用浏览器原生的navigator对象,其中包含了connection属性,该属性为Network Information API所提供的接口,我们可以使用该接口获取设备的网络连接信息。 以下为步骤: 步骤1:判断浏览器是否支持Network Information API 在使用Network Information API之前,我…

    JavaScript 2023年6月11日
    00
  • 实现JavaScript中继承的三种方式

    实现JavaScript中继承的三种方式包括:原型链继承、构造函数继承和组合继承。 1. 原型链继承 原型链继承是通过将子类的原型指向父类实例来实现继承的。代码示例如下: // 父类 function Person(name) { this.name = name; } Person.prototype.sayHello = function() { con…

    JavaScript 2023年5月27日
    00
  • 详解JavaScript如何优雅地实现创建多维数组

    JavaScript如何优雅地实现创建多维数组 在JavaScript中,创建多维数组可以使用嵌套的数组方式实现,但这种方式不够优雅,可以使用ES6的Array.from()方法和reduce()方法来实现创建多维数组。 使用Array.from()方法创建多维数组 Array.from()方法可以将一个类似数组或可迭代对象转化为一个真正的数组。这个方法接受…

    JavaScript 2023年5月27日
    00
  • 用javascript来实现动画导航效果的代码

    当我们需要实现网站导航栏的动画效果时,我们可以使用 JavaScript 来完成。下面是详细的攻略及示例说明: 步骤一:创建 HTML 结构 我们需要创建HTML页面,并添加与导航栏有关的HTML标签,例如 nav、ul、li、a 等标签。这些标签应该与我们要展示的菜单项一致。 在此示例中,我们创建了一个简单的 HTML 结构代码: <nav> …

    JavaScript 2023年6月10日
    00
  • document.getElementById为空或不是对象的解决方法

    问题背景 在web开发中,常常使用到document.getElementById()方法来获取特定的DOM元素。但有时候会因为各种原因而出现document.getElementById为空或不是对象的错误提示,让开发者很苦恼,并且无法正常运行。 问题原因 造成该错误提示的原因很多,最常见的有以下几种: 当DOM元素尚未加载进页面时尝试获取 DOM元素的I…

    JavaScript 2023年6月10日
    00
  • JS数组方法reduce的妙用分享

    下面是“JS数组方法reduce的妙用分享”的完整攻略。 简介 JavaScript中,reduce()是一个用于数组中元素运算的方法,它接收一个回调函数作为参数,返回一个计算结果。reduce()方法可以用于对数组中的元素进行求和、求积、寻找最大、最小值等操作。 用法 reduce()方法的使用方式如下: arr.reduce(callback, init…

    JavaScript 2023年5月27日
    00
合作推广
合作推广
分享本页
返回顶部