JS实现获取时间已经时间与时间戳转换

要实现获取当前时间及时间戳,以及将时间戳转换为时间,可以在 JavaScript 中使用 Date 对象和相应的方法实现。下面是实现该功能的完整攻略:

1. 获取当前时间和时间戳

使用 Date 对象获取当前时间

let currentDate = new Date();
console.log(currentDate);

在控制台输出当前日期和时间对象的信息,如下:

Sat Feb 20 2021 16:30:00 GMT+0800 (中国标准时间)

获取当前时间的时间戳

let currentTimeStamp = new Date().getTime();
console.log(currentTimeStamp);

在控制台输出当前时间的时间戳,如下:

1613795000357

2. 将时间戳转换为日期时间格式

使用 Date 对象将时间戳转换为日期时间格式

let timestamp = 1613795000357;
let date = new Date(timestamp);
console.log(date.toLocaleString('zh-CN', { hour12: false }));

在控制台输出时间戳所对应的时期时间,如下:

2021/2/20 16:23:20

3. 示例说明

示例 1:获取当前时间和时间戳

以下代码就是获取当前时间和时间戳的示例:

let currentDate = new Date();
console.log(currentDate);

let currentTimeStamp = new Date().getTime();
console.log(currentTimeStamp);

代码中的 new Date() 就是获取当前时间的方法,而 getTime() 方法则是返回时间戳。

示例 2:将时间戳转换为日期时间格式

以下代码就是将时间戳转换为日期时间格式的示例:

let timestamp = 1613795000357;
let date = new Date(timestamp);
console.log(date.toLocaleString('zh-CN', { hour12: false }));

如果要将一个时间戳转换成日期时间格式,需要使用 new Date(timestamp) 方法,并将时间戳作为参数传入。而 toLocaleString() 方法则是将日期转换为本地格式的字符串,相当于将日期格式化输出。在上面的代码中,toLocaleString() 方法的第一个参数表示本地化的区域(中文),而第二个参数表示选项,例如 hour12: false 表示不使用12小时制。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:JS实现获取时间已经时间与时间戳转换 - Python技术站

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

相关文章

  • 网页前台通过js非法字符过滤代码(骂人的话等等)

    网页前台通过js非法字符过滤代码的主要目的是防止用户输入一些恶意字符或代码,从而保护网站的安全,提高用户体验。本文将整理出一份完整的攻略,以实现该功能。 步骤一:准备过滤规则列表 在实现非法字符过滤功能前,需要准备好一份过滤规则列表,包括所有需要过滤的字符、字符串、HTML标签等。例如: var illegalChars = ["fuck&quot…

    JavaScript 2023年6月11日
    00
  • 详解JavaScript基础知识(JSON、Function对象、原型、引用类型)

    下面我来详细讲解“详解JavaScript基础知识(JSON、Function对象、原型、引用类型)”的完整攻略。 JSON 什么是 JSON JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,常用于前后端数据传输。它基于 JavaScript 对象结构,但是具有更严格的格式要求,在很多编程语言中也得到了支持。 JS…

    JavaScript 2023年5月27日
    00
  • JavaScript实现数组去重的7种方法

    JavaScript实现数组去重的7种方法 在JavaScript中,实现数组去重是一个常见的需求。下面介绍7种实现数组去重的方式。 1.使用 Set 使用ES6中的Set对象可以方便地实现数组去重,使用Set之后,将数组转换为Set之后,再将Set转换为数组即可。 const arr = [1, 2, 1, 2, 3] const newArr = Arr…

    JavaScript 2023年5月27日
    00
  • JavaScript中ahooks 处理 DOM 的方法

    下面是详细讲解 JavaScript 中 ahooks 处理 DOM 的方法的攻略: 简介 ahooks 是经过封装的钩子库,在 React 开发中经常会使用到。其中包含了一些与 DOM 有关的操作,比如 useClickAway 可以监听用户在页面其他区域的点击事件等。在 ahooks 中使用这些钩子能够更加方便地进行 DOM 操作。 安装 在命令行中输入…

    JavaScript 2023年6月10日
    00
  • 基于BootstrapValidator的Form表单验证(24)

    下面是一份详细的“基于BootstrapValidator的Form表单验证(24)”的完整攻略。 简介 在Web开发中,表单验证是非常重要的一部分,可以帮助我们保证用户输入的数据的准确性、有效性和安全性。BootstrapValidator是一个快速且易于使用的jQuery表单验证插件,它可以通过简单的配置和调用API即可实现表单验证。本攻略将带你一步步完…

    JavaScript 2023年6月10日
    00
  • JS实现的小火箭发射动画效果示例

    JS实现的小火箭发射动画效果是一种常见的动态效果,通常在网页中应用较多。以下是该效果的完整攻略: 实现思路 使用HTML和CSS创建火箭图形和发射台。 使用JavaScript实现动画效果。 整合HTML、CSS和JS,将动画集成到网页中。 创建HTML结构 首先,我们需要在HTML中创建火箭和发射台的DOM结构。示例代码如下: <div class=…

    JavaScript 2023年6月10日
    00
  • JavaScript 正则表达式使用详细参数

    下面是关于“JavaScript 正则表达式使用详细参数”的完整攻略。 正则表达式 正则表达式可以用来匹配符合某个模式的文本。在 JavaScript 中,可以使用 RegExp 对象来创建正则表达式。 RegExp 对象的创建 在 JavaScript 中,可以使用以下两种方式来创建一个正则表达式: 字面量方式 javascript let regExp …

    JavaScript 2023年6月10日
    00
  • Javascript怎样使用SessionStorage和LocalStorage

    使用SessionStorage和LocalStorage可以在客户端存储、读取数据,从而实现一些常见的功能,例如用户登录状态的保持、表单数据的保存等等。SessionStorage一般用于临时保存会话数据,当用户关闭浏览器时会被清除;而LocalStorage可以长期存储,直到用户手动删除或者浏览器清除缓存。 SessionStorage的使用 存储数据 …

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